Moved between oomox themes

This one's based on Numix, which should look a lot better.
2017-08-10 02:31:57 -05:00
parent 72f490816e
commit ae651057fd
315 changed files with 3751 additions and 2682 deletions
--- a/.themes/oomox-numix-gruvbox/gtk-3.20/scss/widgets/_toggle.scss
+++ b/.themes/oomox-numix-gruvbox/gtk-3.20/scss/widgets/_toggle.scss
@@ -0,0 +1,155 @@
+/***********************
+ ! Check and Radio items
+************************/
+
+$suffix: if($variant == "dark", "-dark", "");
+
+@mixin toggle($type) {
+    background-image: none;
+
+    -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.svg");
+
+    &:disabled { -gtk-icon-source: url("../assets/#{$type}-unchecked-disabled#{$suffix}.svg"); }
+
+    &:checked, &:active {
+        -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.svg");
+
+        &:disabled { -gtk-icon-source: url("../assets/#{$type}-checked-disabled#{$suffix}.svg"); }
+    }
+
+    &:indeterminate {
+        -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.svg");
+
+        &:disabled { -gtk-icon-source: url("../assets/#{$type}-mixed-disabled#{$suffix}.svg"); }
+    }
+
+    menuitem &, modelbutton & {
+        -gtk-icon-source: url("../assets/menuitem-#{$type}-unchecked.svg");
+
+        &:disabled {
+            -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-disabled.svg");
+        }
+
+        &:checked, &:active {
+            -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.svg");
+
+            &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.svg"); }
+
+            &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-disabled.svg"); }
+        }
+
+        &:indeterminate {
+            -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.svg");
+
+            &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.svg"); }
+
+            &:disabled { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-disabled.svg"); }
+        }
+    }
+}
+
+@include exports("checkradio") {
+    radio {
+        @include toggle("radio");
+        min-width: 16px;
+        min-height: 16px;
+        margin-right: $spacing;
+    }
+
+    check {
+        @include toggle("checkbox");
+        min-width: 16px;
+        min-height: 16px;
+        margin-right: $spacing;
+    }
+
+    radio:dir(rtl), check:dir(rtl) {
+        margin-right: 0;
+        margin-left: $spacing;
+    }
+
+    //selection-mode
+    @each $s,$as in ('', '-unchecked'),
+                  (':hover', '-unchecked'),
+                  (':active', '-checked'),
+                  (':backdrop', '-unchecked'),
+                  (':checked', '-checked'),
+                  (':checked:hover', '-checked'),
+                  (':checked:active', '-checked'),
+                  (':backdrop:checked', '-checked') {
+        .view.content-view.check#{$s}:not(list) {
+            -gtk-icon-shadow: none;
+            -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.svg");
+            background-color: transparent;
+        }
+    }
+}
+
+
+/********
+ ! Switch
+*********/
+
+@include exports("switch") {
+    switch {
+        border-radius: $roundness;
+        padding: $spacing - 1px;
+        border: none;
+        outline: none;
+        transition: background-color .3s linear;
+        min-width: 88px;
+        min-height: 24px;
+        background-color: $switch_bg_color;
+        color: $switch_fg_color;
+        box-shadow: inset 1px -1px 0 alpha($dark_shadow, .06), inset -1px 1px 0 alpha($dark_shadow, .06);
+
+        slider {
+            background-color: $switch_slider_bg_color;
+            transition: all 0.3s ease-in;
+            box-shadow: 0 1px 2px 0 alpha($dark_shadow, .07), 1px 0 2px 0 alpha($dark_shadow, .07);
+            border-radius: $roundness;
+        }
+
+        &:checked {
+            background-color: $selected_bg_color;
+            background-image: none;
+            border-color: $selected_bg_color;
+            color: $base_color;
+
+            slider {
+                background-color: $white;
+                box-shadow: 0 1px 3px 0 alpha($dark_shadow, .1);
+            }
+        }
+
+        &:disabled {
+            background-color: $switch_disabled_bg_color;
+            background-image: none;
+            border-color: $switch_disabled_border_color;
+            color: $switch_disabled_fg_color;
+            box-shadow: none;
+
+            slider {
+                background-color: $switch_disabled_slider_bg_color;
+            }
+        }
+
+        list row:selected & {
+            background-color: $switch_disabled_slider_bg_color;
+            color: $switch_disabled_bg_color;
+
+            slider {
+                background-color: mix($switch_disabled_bg_color, $base_color, .4);
+            }
+
+            &:checked {
+                color: $selected_bg_color;
+                background-color: $switch_slider_bg_color;
+
+                slider {
+                    background-color: $selected_bg_color;
+                }
+            }
+        }
+    }
+}