Style category default icon

pradoslaw · Dec 13, 2024 · 9d93367 · 9d93367
1 parent 1c86da0
commit 9d93367
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 4 deletions.
diff --git a/resources/feature/lookAndFeel/lookAndFeel.scss b/resources/feature/lookAndFeel/lookAndFeel.scss
@@ -350,3 +350,22 @@ body {
           (light: #5e7813, dark:#acacac));
   color: var(--category-color) !important;
 }
+
+@include lookAndFeelBoth(--link-color,
+        (light: style.$neutral-300, dark:style.$neutral-200),
+        (light: #5e7813, dark:#acacac));
+
+.neon-forum-category-last-topic {
+  color: var(--link-color) !important;
+}
+
+.neon-forum-category-subcategory {
+  color: var(--link-color) !important;
+}
+
+.neon-category-default-icon {
+  @include lookAndFeelBoth(--category-default-icon-color,
+          (light: style.$green-700, dark:style.$green-100),
+          (light: #5e7813, dark:#acacac));
+  color: var(--category-default-icon-color) !important;
+}
diff --git a/resources/js/components/forum/section.vue b/resources/js/components/forum/section.vue
@@ -35,7 +35,7 @@
         <div v-if="!category.is_hidden" :class="{'not-read': !category.is_read}" class="px-3 py-2 neon-collapsable-section-item toolbox-container">
           <div class="row">
             <div class="col-6 col-md-12 col-lg-5 d-flex align-items-center">
-              <a @click="mark(category)" :class="{'not-read': !category.is_read}" class="d-none d-lg-block position-relative me-2">
+              <a @click="mark(category)" :class="{'not-read': !category.is_read}" class="d-none d-lg-block position-relative me-2 neon-category-default-icon">
                 <span v-if="category.is_locked" class="logo">
                   <vue-icon name="forumCategoryLocked"/>
                 </span>
@@ -55,7 +55,9 @@
                     <vue-icon name="categorySectionChildWasRead" v-if="child.is_read"/>
                     <i v-else class="not-read" title="Nowe posty w tej kategorii"/>
                     {{ ' ' }}
-                    <a :href="child.url">{{ child.name }}</a>
+                    <a :href="child.url" class="neon-forum-category-subcategory">
+                      {{ child.name }}
+                    </a>
                     {{ ' ' }}
                   </li>
                 </ul>
@@ -93,7 +95,9 @@
                 </a>
                 <div class="media-body overflow-hidden">
                   <p class="text-truncate mb-1">
-                    <a :href="getUrl(category)" class="category-last-topic">{{ category.topic.title }}</a>
+                    <a :href="getUrl(category)" class="category-last-topic neon-forum-category-last-topic">
+                      {{ category.topic.title }}
+                    </a>
                   </p>
                   <span class="text-muted">
                     <vue-timeago :datetime="category.post.created_at"/>

diff --git a/resources/sass/components/forum/_section.scss b/resources/sass/components/forum/_section.scss
@@ -24,7 +24,6 @@
 
   .logo {
     font-size: 18px;
-    color:     $primary;
     padding:   5px;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,7 +24,6 @@ @@
       .logo {
         font-size: 18px;
-        color:     $primary;
         padding:   5px;
       }
@@ Expand Down @@