既知の問題の修正、アイコンの最適化など

Hubzillaで現在のテーマをすぐに置き換えず、テスト用のテーマを別に作成して適用してください。

view/theme/plusfuture/css/icons.css

@@ -0,0 +1,72 @@
+/* include icon font */
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Material Icons'),
+    local('MaterialIcons-Regular'),
+    url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
+    url(fonts/MaterialIcons-Regular.woff) format('woff'),
+    url(fonts/MaterialIcons-Regular.ttf) format('truetype');
+}
+
+
+/* define icon font */
+.material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    display: inline-block;
+    line-height: 1;
+    text-transform: none;
+    letter-spacing: normal;
+    word-wrap: normal;
+    white-space: nowrap;
+    direction: ltr;
+  
+    /* Support for all WebKit browsers. */
+    -webkit-font-smoothing: antialiased;
+    /* Support for Safari and Chrome. */
+    text-rendering: optimizeLegibility;
+  
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+  
+    /* Support for IE. */
+    font-feature-settings: 'liga';
+  }
+
+/* material icon font settings */
+.fa-th,
+.fa-community,
+.fa-group,
+.fa-users,
+.fa-stack-exchange,
+.fa-user-circle,
+.fa-address-book,
+.fa-street-view,
+.fa-bell,
+.fa-cog,
+.fa-gear,
+.fa-search,
+.fa-question-circle,
+.fa-smile-o,
+.fa-thumbs-o-up,
+.fa-thumbs-o-down {
+    font-family: "Material Icons";
+    font-size: 20px;
+}
+
+.fa-th::before { content: "apps" }
+.fa-community::before, .fa-group::before, .fa-users::before { content: "people" }
+.fa-stack-exchange::before { content: "view_headline" }
+.fa-user-circle::before { content: "account_circle" }
+.fa-address-book::before { content: "contacts" }
+.fa-street-view::before { content: "group_work" }
+.fa-bell::before { content: "notifications" }
+.fa-cog::before, .fa-gear::before { content: "settings" }
+.fa-search::before { content: "search" }
+.fa-question-circle::before { content: "help" }
+.fa-smile-o::before { content: "insert_emoticon" }
+.fa-thumbs-o-up::before { content: "thumb_up" }
+.fa-thumbs-o-down::before { content: "thumb_down" }

view/theme/plusfuture/css/style.css

@@ -1113,8 +1113,9 @@ img.mail-conv-sender-photo {
 
 .wall-item-content-wrapper {
   background-color: $item_colour;
-  border-top-right-radius: $radius;
-  border-top-left-radius: $radius;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
 }
 
 .wall-item-content-wrapper.comment {
@@ -1496,7 +1497,8 @@ blockquote {
 
 .navbar {
   z-index: 1030;
-  filter: drop-shadow(0px 0px 3px rgba(75, 75, 75, 0.678));
+  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3);
+  height: 58px;
 }
 
 .navbar-dark .navbar-nav .nav-link,
@@ -1933,7 +1935,7 @@ dl.bb-dl > dd > li {
 }
 #user_menu > ul > li > a > i {
   font-size: 130%;
-  margin: 0 20px 0px -20px;
+  margin: 0 16px 0px -16px;
 }
 #user_menu > ul > li > a > p {
   margin-bottom: 0.5rem;
@@ -2284,3 +2286,17 @@ nav .navbar-nav > .text-truncate {
   position: absolute;
   left: -215px;
 }
+
+.p-2 {
+  padding: 12px 16px !important;
+}
+
+.btn-outline-secondary {
+  border-color: #ffffff00;
+}
+
+#jot-text-wrap {
+  background-color: #ffffff;
+  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
+  padding: 4px;
+}

view/theme/plusfuture/php/theme_init.php

@@ -6,6 +6,7 @@ head_add_css('/library/bootstrap-tagsinput/bootstrap-tagsinput.css');
 head_add_css('/view/css/bootstrap-red.css');
 head_add_css('/library/datetimepicker/jquery.datetimepicker.css');
 head_add_css('/library/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css');
+head_add_css('/view/theme/plusfuture/css/icons.css');
 require_once('view/php/theme_init.php');
 
 head_add_js('/vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js');

view/theme/plusfuture/tpl/head.tpl

@@ -0,0 +1,20 @@
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+<base href="{{$baseurl}}/" />
+<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable={{$user_scalable}}" />
+{{$metas}}
+{{$head_css}}
+{{$js_strings}}
+{{$head_js}}
+{{$linkrel}}
+{{$plugins}}
+<script>
+	var updateInterval = {{$update_interval}};
+	var localUser = {{if $local_channel}}{{$local_channel}}{{else}}false{{/if}};
+	var zid = {{if $zid}}'{{$zid}}'{{else}}null{{/if}};
+	var justifiedGalleryActive = false;
+	{{if $channel_hash}}var channelHash = '{{$channel_hash}}';{{/if}}
+	{{if $channel_id}}var channelId = '{{$channel_id}}';{{/if}}{{* Used in e.g. autocomplete *}}
+	var preloadImages = {{$preload_images}};
+</script>
+
+

view/theme/plusfuture/tpl/navbar_default.tpl

@@ -1,3 +1,8 @@
+<head>
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet">
+</head>
+
 <div style="display: flex;">
 	<button id="expand-aside" type="button" class="d-lg-none navbar-toggler border-0" data-toggle="offcanvas" data-target="#region_1">
 		<i class="fa fa-bars" id="expand-aside-icon"></i>