فهرست منبع

fix(ui): preboot logo color on dark mode

charlie 4 سال پیش
والد
کامیت
a02cef0d4c
2فایلهای تغییر یافته به همراه7 افزوده شده و 1 حذف شده
  1. 6 0
      src/main/frontend/components/theme.css
  2. 1 1
      src/main/frontend/handler/plugin.cljs

+ 6 - 0
src/main/frontend/components/theme.css

@@ -36,6 +36,12 @@ html {
   }
   }
 }
 }
 
 
+@media (prefers-color-scheme: dark) {
+  .preboot-loading {
+    color: lightgray;
+  }
+}
+
 .form-checkbox {
 .form-checkbox {
   color: var(--ls-page-checkbox-color, #6093a0);
   color: var(--ls-page-checkbox-color, #6093a0);
   background-color: var(--ls-page-checkbox-color, #6093a0);
   background-color: var(--ls-page-checkbox-color, #6093a0);

+ 1 - 1
src/main/frontend/handler/plugin.cljs

@@ -349,7 +349,7 @@
   []
   []
   (let [text (state/sub :plugin/indicator-text)]
   (let [text (state/sub :plugin/indicator-text)]
     (if-not (= text "END")
     (if-not (= text "END")
-      [:div.flex.align-items.justify-center.h-screen.w-full
+      [:div.flex.align-items.justify-center.h-screen.w-full.preboot-loading
        [:span.flex.items-center.justify-center.w-60.flex-col
        [:span.flex.items-center.justify-center.w-60.flex-col
         [:small.scale-250.opacity-70.mb-10.animate-pulse (svg/logo false)]
         [:small.scale-250.opacity-70.mb-10.animate-pulse (svg/logo false)]
         [:small.block.text-sm.relative.opacity-50 {:style {:right "-8px"}} text]]])))
         [:small.block.text-sm.relative.opacity-50 {:style {:right "-8px"}} text]]])))