chore(styling): add basic sheet styling elements

* Add style constants * Add Sheet SVGs --------- Co-authored-by: stanavdb <[email protected]>
the-metalworks · Aug 27, 2024 · 8457e4c · 8457e4c
1 parent 2011d6b
commit 8457e4c
Show file tree

Hide file tree

Showing 15 changed files with 215 additions and 1 deletion.
diff --git a/src/icons/svg/border_attribute_left.svg b/src/icons/svg/border_attribute_left.svg
diff --git a/src/icons/svg/border_attribute_right.svg b/src/icons/svg/border_attribute_right.svg
diff --git a/src/icons/svg/border_bar.svg b/src/icons/svg/border_bar.svg
diff --git a/src/icons/svg/border_corner.svg b/src/icons/svg/border_corner.svg
diff --git a/src/icons/svg/border_defense.svg b/src/icons/svg/border_defense.svg
diff --git a/src/icons/svg/border_deflect.svg b/src/icons/svg/border_deflect.svg
diff --git a/src/icons/svg/border_full_100x100.svg b/src/icons/svg/border_full_100x100.svg
diff --git a/src/icons/svg/border_level.svg b/src/icons/svg/border_level.svg
diff --git a/src/icons/svg/border_sheet_corner.svg b/src/icons/svg/border_sheet_corner.svg
diff --git a/src/icons/svg/border_sheet_full_150x150.svg b/src/icons/svg/border_sheet_full_150x150.svg
diff --git a/src/icons/svg/border_stat.svg b/src/icons/svg/border_stat.svg
diff --git a/src/icons/svg/border_tab_closed.svg b/src/icons/svg/border_tab_closed.svg
diff --git a/src/icons/svg/border_tab_open.svg b/src/icons/svg/border_tab_open.svg
diff --git a/src/icons/svg/star_cosmere.svg b/src/icons/svg/star_cosmere.svg
diff --git a/src/style.scss b/src/style.scss
@@ -1,6 +1,37 @@
 @import './style/sheets/module.scss';
 // @import './style/chat/module.scss';
 
+/* ----------------------------------------- */
+/*  Globals                                  */
+/* ----------------------------------------- */
+:root {
+    --plotweaver-color-white: white;
+    --plotweaver-color-black: black;
+    --plotweaver-color-off-white: #f0f0e0;
+    --plotweaver-color-dark-1: #111;
+    --plotweaver-color-dark-2: #222;
+    --plotweaver-color-dark-3: #333;
+    --plotweaver-color-dark-4: #444;
+    --plotweaver-color-dark-5: #555;
+    --plotweaver-color-hlt-front: #286f3e;
+    --plotweaver-color-hlt-back: #6b1b2a;
+    --plotweaver-color-fcs-front: #6e45e4;
+    --plotweaver-color-fcs-back: #281c4a;
+    --plotweaver-color-ivs-front: #3e6abb;
+    --plotweaver-color-ivs-back: #182845;
+
+    --stormlight-color-gold: #c9a760;
+    --stormlight-color-blue-grey: #5e6c7e;
+    --stormlight-color-blue-light: #456a95;
+    --stormlight-color-blue-deep: #10213e;
+    --stormlight-color-blue-dark: #010e2d;
+    --stormlight-color-base-5: #132137;
+    --stormlight-color-base-4: #1b2d49;
+    --stormlight-color-base-3: #263c5e;
+    --stormlight-color-base-2: #354f78;
+    --stormlight-color-base-1: #506684;
+}
+
 @font-face {
     font-family: 'cosmere-dingbats';
     src: url("https://dl.dropboxusercontent.com/scl/fi/9909gen4fd0oveyzfposx/CosmereDingbats-Regular.otf?rlkey=ig6odq9hxyo1st8kt3ujp1czz&st=72qrads3&raw=1")
@@ -9,4 +40,4 @@
 i.cosmere-icon {
     font-family: 'cosmere-dingbats';
     font-style: normal;
-}
+}