feat(themes): add new base app CSS Vars

gitsindonesia · Jun 9, 2023 · b4b2ffd · b4b2ffd
1 parent f7201a4
commit b4b2ffd
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/packages/themes/src/morpheme/_app.dark.scss b/packages/themes/src/morpheme/_app.dark.scss
@@ -0,0 +1,4 @@
+.dark {
+  --v-app-bg-color: var(--color-gray-true-900);
+  --v-app-color: var(--color-gray-true-200);
+}
diff --git a/packages/themes/src/morpheme/_app.scss b/packages/themes/src/morpheme/_app.scss
@@ -0,0 +1,4 @@
+:root {
+  --v-app-bg-color: var(--color-white);
+  --v-app-color: var(--color-gray-700);
+}
diff --git a/packages/themes/src/morpheme/main.dark.scss b/packages/themes/src/morpheme/main.dark.scss
@@ -1,3 +1,4 @@
+@import 'app.dark';
 @import 'alert.dark';
 @import 'badge.dark';
 @import 'button.dark';

diff --git a/packages/themes/src/morpheme/main.scss b/packages/themes/src/morpheme/main.scss
@@ -2,6 +2,7 @@
 @import '@morpheme/design-tokens/css/variables.css';
 
 // components
+@import 'app';
 @import 'alert';
 @import 'button';
 @import 'badge';