Merge pull request #2 from lazercaveman/develop

added initial settings styling
lazercaveman · Sep 13, 2021 · a523581 · a523581
2 parents 7d101ae + 004284c
commit a523581
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 0 deletions.
diff --git a/obsidian.css b/obsidian.css
@@ -449,4 +449,34 @@ svg {
 .workspace-leaf.mod-active .view-header .view-actions {
   color: var(--color-element-icon);
   background-color: var(--color-primary-800);
+}
+
+.modal-content,
+.modal.mod-settings,
+.vertical-tab-content-container,
+.vertical-tab-content,
+.vertical-tabs-container {
+  background-color: var(--color-primary-700);
+}
+.modal-content input[type=range]::-webkit-slider-thumb,
+.modal.mod-settings input[type=range]::-webkit-slider-thumb,
+.vertical-tab-content-container input[type=range]::-webkit-slider-thumb,
+.vertical-tab-content input[type=range]::-webkit-slider-thumb,
+.vertical-tabs-container input[type=range]::-webkit-slider-thumb {
+  background: #ffffff;
+}
+
+.vertical-tab-header, .vertical-tab-header-group, .vertical-tab-header-group, .modal.mod-settings, .vertical-tab-header-group, .vertical-tab-header-group-items, .vertical-tab-nav-item {
+  background-color: var(--color-primary-900);
+}
+.vertical-tab-header.is-active, .vertical-tab-header-group.is-active, .vertical-tab-header-group.is-active, .modal.mod-settings.is-active, .vertical-tab-header-group.is-active, .vertical-tab-header-group-items.is-active, .vertical-tab-nav-item.is-active {
+  background-color: var(--color-primary-800);
+  border-color: var(--color-element-icon);
+}
+
+.checkbox-container {
+  background-color: var(--color-primary-100);
+}
+.checkbox-container.is-enabled {
+  background-color: var(--color-title-h3);
 }
diff --git a/scss/modules/ui/index.scss b/scss/modules/ui/index.scss
@@ -1,3 +1,4 @@
 @import "./document.scss";
 @import "./sidebar-left.scss";
 @import "./window.scss";
+@import "./settings.scss";
diff --git a/scss/modules/ui/settings.scss b/scss/modules/ui/settings.scss
@@ -0,0 +1,29 @@
+.modal-content,
+.modal.mod-settings,
+.vertical-tab-content-container,
+.vertical-tab-content,
+.vertical-tabs-container {
+  background-color: color(primary, 700);
+
+  input[type=range]::-webkit-slider-thumb {
+    background: #ffffff;
+  }
+
+}
+
+.vertical-tab-header, .vertical-tab-header-group, .vertical-tab-header-group, .modal.mod-settings, .vertical-tab-header-group, .vertical-tab-header-group-items, .vertical-tab-nav-item {
+  background-color: color(primary, 900);
+
+  &.is-active {
+    background-color: color(primary, 800);
+    border-color: color(element, icon);
+  }
+}
+
+.checkbox-container {
+  background-color: color(primary, 100);
+
+  &.is-enabled {
+    background-color: color(title, h3);
+  }
+}