WIP Поправила часть иконок

src/pages/newCalendar/components/CalendarHeader.vue

@@ -8,7 +8,7 @@
       icon-left
     )
       template(v-slot:iconLeft)
-        q-icon(name="app:search", size="20px")
+        q-icon.search-icon(name="app:search", size="20px")
     .flex.gap-x-4.items-center.justify-center
       q-btn(
         color="secondary",
@@ -26,8 +26,9 @@
         v-model="currentWeek",
       )
         .h-5.w-5.flex.items-center.justify-center
-          q-icon.text.cursor-pointer(:name="calendarVisibility ? 'app:cancel' : 'app:calendar'",
-            :size="calendarVisibility ? '12px' : '18px'",
+          q-icon.calendar-icon.text.cursor-pointer(
+            :name="calendarVisibility ? 'app:cancel-mini' : 'app:calendar'",
+            size="20px",
           )
             q-menu(
               :style="{'margin-top': '8px !important'}"
@@ -181,6 +182,12 @@ export default {
 
 .search :deep(.q-field__prepend)
   padding-right: 6px !important
+
+.search-icon :deep(path)
+  fill: var(--font-grey-color)
+
+.calendar-icon :deep(path)
+  fill: var(--font-dark-blue-color)
 </style>
 <style lang="sass">
 .q-field--outlined.q-field--readonly .q-field__control:before