Merge pull request #5015 from systeminit/wendy/treeformitem-refactoring

refactoring to replace CSS with Tailwind
systeminit · Nov 22, 2024 · 31b321d · 31b321d
2 parents 43bc990 + edf740d
commit 31b321d
Show file tree

Hide file tree

Showing 4 changed files with 101 additions and 287 deletions.
diff --git a/app/web/src/App.vue b/app/web/src/App.vue
@@ -163,24 +163,6 @@ const realtimeStore = useRealtimeStore();
   );
 }
 
-/* some global css vars to be used in a few places... */
-body.light {
-  --input-border-color: @colors-neutral-400;
-  --input-bg-color: @colors-neutral-100;
-  --input-focus-bg-color: @colors-white;
-  --input-focus-border-color: @colors-action-400;
-  --toast-text-color: @colors-black;
-  --toast-bg-color: @colors-white;
-}
-body.dark {
-  --input-border-color: @colors-neutral-600;
-  --input-bg-color: @colors-neutral-900;
-  --input-focus-bg-color: @colors-black;
-  --input-focus-border-color: @colors-action-300;
-  --toast-text-color: @colors-white;
-  --toast-bg-color: @colors-black;
-}
-
 @keyframes siToastFadeIn {
   from {
     opacity: 0;
@@ -219,6 +201,15 @@ body.dark {
   min-height: 0;
 }
 
+body.light {
+  --toast-text-color: @colors-black;
+  --toast-bg-color: @colors-white;
+}
+body.dark {
+  --toast-text-color: @colors-white;
+  --toast-bg-color: @colors-black;
+}
+
 .Vue-Toastification__container.diagram-toast-container {
   position: absolute; // default is fixed, but we want it positioned within its container, so go absolute
   padding: 0;