updated scss vars

.vscode/settings.json

@@ -1,8 +1,8 @@
 {
     "files.exclude": {
-        ".github": false,
-        ".vscode": false,
-        "LICENSE": false,
-        "README.md": false
+        ".github": true,
+        ".vscode": true,
+        "LICENSE": true,
+        "README.md": true
     }
 }

web/dev.personalitylib.com/assets/css/_var.scss

@@ -0,0 +1,45 @@
+//colors-i
+$main: black;
+$outline: #9e363a;
+$shadow: #091f36;
+$details: #4f5f76;
+$border: whitesmoke;
+$text: white;
+$background: whitesmoke;
+$text-background: black;
+
+//colors-o
+$primary:       $blue !default;
+$secondary:     $gray-600 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-100 !default;
+$dark:          $gray-900 !default;
+
+//font sizes
+$input: 30pt;
+$normal: 13pt;
+
+// Quickly modify global styling by enabling or disabling optional features.
+
+$enable-caret:                true !default;
+$enable-rounded:              true !default;
+$enable-shadows:              false !default;
+$enable-gradients:            false !default;
+$enable-transitions:          true !default;
+$enable-reduced-motion:       true !default;
+$enable-smooth-scroll:        true !default;
+$enable-grid-classes:         true !default;
+$enable-container-classes:    true !default;
+$enable-cssgrid:              false !default;
+$enable-button-pointers:      true !default;
+$enable-rfs:                  true !default;
+$enable-validation-icons:     true !default;
+$enable-negative-margins:     false !default;
+$enable-deprecation-messages: true !default;
+$enable-important-utilities:  true !default;
+
+$enable-dark-mode:            true !default;
+$color-mode-type:             data !default; // `data` or `media-query`