summaryrefslogtreecommitdiff
path: root/Redcore-nighttime/gtk-3.0/scss
diff options
context:
space:
mode:
authorV3n3RiX <venerix@redcorelinux.org>2017-07-18 18:20:40 +0100
committerV3n3RiX <venerix@redcorelinux.org>2017-07-18 18:20:40 +0100
commita8ddb5d8e40547675e7eeee73a1685d98e9dcf1d (patch)
tree01c147bff11033474dd0b25e9847f5fe8a204bf1 /Redcore-nighttime/gtk-3.0/scss
parent51afec664aa937c421d042b0e48e7e9fc4c5d217 (diff)
rebase Redcore gtk theme on Numix
Diffstat (limited to 'Redcore-nighttime/gtk-3.0/scss')
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/_colors.scss67
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/_functions.scss79
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/_global.scss89
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/_widgets.scss37
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss132
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss219
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss193
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss82
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss72
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss36
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss80
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss15
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss119
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss74
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss26
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/gtk.scss3
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss106
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss104
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss376
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss38
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss125
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss84
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss48
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss38
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss267
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss227
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss139
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss132
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss119
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss182
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss86
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss114
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss24
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss128
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss132
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss233
-rw-r--r--Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss60
37 files changed, 4085 insertions, 0 deletions
diff --git a/Redcore-nighttime/gtk-3.0/scss/_colors.scss b/Redcore-nighttime/gtk-3.0/scss/_colors.scss
new file mode 100644
index 0000000..cdd7499
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/_colors.scss
@@ -0,0 +1,67 @@
+@import "global";
+
+/* dark color scheme */
+@define-color dark_bg_color #{"" + $dark_bg_color};
+@define-color dark_fg_color #{"" + $dark_fg_color};
+
+/* colormap actually used by the theme, to be overridden in other css files */
+@define-color theme_bg_color #{"" + $bg_color};
+@define-color theme_fg_color #{"" + $fg_color};
+@define-color theme_base_color #{"" + $base_color};
+@define-color theme_text_color #{"" + $text_color};
+@define-color theme_selected_bg_color #{"" + $selected_bg_color};
+@define-color theme_selected_fg_color #{"" + $selected_fg_color};
+@define-color theme_tooltip_bg_color #{"" + $tooltip_bg_color};
+@define-color theme_tooltip_fg_color #{"" + $tooltip_fg_color};
+
+/* shadow effects */
+@define-color light_shadow #{"" + $light_shadow};
+@define-color dark_shadow #{"" + $dark_shadow};
+
+/* misc colors used by gtk+ */
+@define-color info_fg_color #{"" + $info_fg_color};
+@define-color info_bg_color #{"" + $info_bg_color};
+@define-color warning_fg_color #{"" + $warning_fg_color};
+@define-color warning_bg_color #{"" + $warning_bg_color};
+@define-color question_fg_color #{"" + $question_fg_color};
+@define-color question_bg_color #{"" + $question_bg_color};
+@define-color error_fg_color #{"" + $error_fg_color};
+@define-color error_bg_color #{"" + $error_bg_color};
+@define-color link_color #{"" + $link_color};
+@define-color success_color #{"" + $success_color};
+@define-color warning_color #{"" + $warning_color};
+@define-color error_color #{"" + $error_color};
+
+/* widget colors */
+@define-color titlebar_bg_color @dark_bg_color;
+@define-color titlebar_fg_color @dark_fg_color;
+@define-color menubar_bg_color @dark_bg_color;
+@define-color menubar_fg_color @dark_fg_color;
+@define-color toolbar_bg_color @theme_bg_color;
+@define-color toolbar_fg_color @theme_fg_color;
+@define-color menu_bg_color @dark_bg_color;
+@define-color menu_fg_color @dark_fg_color;
+@define-color panel_bg_color @dark_bg_color;
+@define-color panel_fg_color @dark_fg_color;
+
+/* osd */
+@define-color osd_base #{"" + $osd_base};
+@define-color osd_bg #{"" + $osd_bg};
+@define-color osd_fg #{"" + $osd_fg};
+
+/* lightdm greeter colors */
+@define-color lightdm_bg_color #{"" + $lightdm_bg_color};
+@define-color lightdm_fg_color #{"" + $lightdm_fg_color};
+
+/* window manager colors */
+@define-color wm_bg #{"" + $wm_bg};
+@define-color wm_border_focused #{"" + $wm_border_focused};
+@define-color wm_border_unfocused #{"" + $wm_border_unfocused};
+@define-color wm_title_focused #{"" + $wm_title_focused};
+@define-color wm_title_unfocused #{"" + $wm_title_unfocused};
+@define-color wm_icons_focused #{"" + $wm_icons_focused};
+@define-color wm_icons_focused_prelight #{"" + $wm_icons_focused_prelight};
+@define-color wm_icons_focused_pressed #{"" + $wm_icons_unfocused_pressed};
+@define-color wm_icons_unfocused #{"" + $wm_icons_unfocused};
+@define-color wm_icons_unfocused_prelight #{"" + $wm_icons_unfocused_prelight};
+@define-color wm_icons_unfocused_pressed #{"" + $wm_icons_unfocused_pressed};
diff --git a/Redcore-nighttime/gtk-3.0/scss/_functions.scss b/Redcore-nighttime/gtk-3.0/scss/_functions.scss
new file mode 100644
index 0000000..0de71b6
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/_functions.scss
@@ -0,0 +1,79 @@
+$modules: () !default;
+
+@mixin exports($name) {
+ @if (not index($modules, $name)) {
+ $modules: append($modules, $name) !global;
+
+ @content;
+ }
+}
+
+@function alpha($color, $amount) {
+ @if type-of($color) == "color" {
+ @return fade-out($color, (1 - $amount));
+ } @else {
+ @return unquote("alpha(#{$color},#{$amount})");
+ }
+}
+
+@function shade($color, $amount) {
+ @if type-of($color) == "color" {
+ @if ($amount > 1) {
+ @return lighten($color, ($amount - 1) * lightness($color))
+ } @else {
+ @return darken($color, (1 - $amount) * lightness($color))
+ }
+ } @else {
+ @return unquote("shade(#{$color},#{$amount})");
+ }
+}
+
+@function mix($color1, $color2, $amount) {
+ @return unquote("mix(#{$color1},#{$color2},#{$amount})");
+}
+
+@function border_normal($color) {
+ @return shade($color, $contrast);
+}
+
+@function border_focus($color) {
+ @return shade($color, ($contrast - .05));
+}
+
+@function border_active($color) {
+ @return shade($color, ($contrast - .1));
+}
+
+@function border_insensitive($color) {
+ @return shade($color, ($contrast + .05));
+}
+
+@mixin linear-gradient($color, $direction: to bottom) {
+ @if $gradient == 0 {
+ background-color: $color;
+ background-image: none;
+ } @else {
+ $amount: $gradient / 2;
+
+ background-color: $color;
+ background-image: linear-gradient($direction,
+ shade($color, (1 + $amount)),
+ shade($color, (1 - $amount))
+ );
+ }
+}
+
+@mixin border($color) {
+ border-color: border_normal($color);
+
+ &:focus, &:hover { border-color: border_focus($color); }
+
+ &:active, &:active:hover,
+ &:active:focus, &:active:hover:focus,
+ &:checked, &:checked:hover,
+ &:checked:focus, &:checked:hover:focus { border-color: border_active($color); }
+
+ &:insensitive { border-color: border_insensitive($color); }
+
+ &:active:insensitive, &:checked:insensitive { border-color: border_normal($color); }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/_global.scss b/Redcore-nighttime/gtk-3.0/scss/_global.scss
new file mode 100644
index 0000000..0cc82b2
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/_global.scss
@@ -0,0 +1,89 @@
+// scss-lint:disable ColorVariable
+
+@import "functions";
+
+// default color scheme
+$bg_color: if($variant == "dark", #dedede, #2d2d2d);
+$fg_color: if($variant == "dark", #2d2d2d, #dedede);
+$base_color: if($variant == "dark", #dedede, #2d2d2d);
+$text_color: if($variant == "dark", #2d2d2d, #dedede);
+$button_bg_color: if($variant == "dark", #dedede, #2d2d2d);
+$button_fg_color: if($variant == "dark", #2d2d2d, #dedede);
+$header_button_bg_color: #2d2d2d;
+$header_button_fg_color: #dedede;
+$selected_bg_color: #990000;
+$selected_fg_color: #dedede;
+$tooltip_bg_color: #2d2d2d;
+$tooltip_fg_color: #dedede;
+
+// dark colors
+$dark_bg_color: #2d2d2d;
+$dark_fg_color: #dedede;
+
+// shadows
+$dark_shadow: #000;
+$light_shadow: #fff;
+
+// caret
+$primary_caret_color: #dedede;
+$secondary_caret_color: #dedede;
+$caret_aspect_ratio: 0.04;
+
+// white and black
+$black: #000;
+$white: #fff;
+
+// misc colors used by gtk+
+$info_fg_color: #fff;
+$info_bg_color: #03a9f4;
+$warning_fg_color: #fff;
+$warning_bg_color: #ef6c00;
+$question_fg_color: #fff;
+$question_bg_color: #673ab7;
+$error_fg_color: #fff;
+$error_bg_color: #f44336;
+$link_color: #990000;
+$success_color: #4caf50;
+$warning_color: #ef6c00;
+$error_color: #f44336;
+
+$toolbar_bg_color: $bg_color;
+$toolbar_fg_color: $fg_color;
+
+$titlebar_bg_color: $dark_bg_color;
+$titlebar_fg_color: $dark_fg_color;
+
+$menu_bg_color: $dark_bg_color;
+$menu_fg_color: $dark_fg_color;
+
+$menubar_bg_color: $dark_bg_color;
+$menubar_fg_color: $dark_fg_color;
+
+$panel_bg_color: $dark_bg_color;
+$panel_fg_color: $dark_fg_color;
+
+$osd_base: $dark_bg_color;
+$osd_fg: $dark_fg_color;
+$osd_bg: alpha($osd_base, 0.8);
+
+$lightdm_bg_color: $dark_bg_color;
+$lightdm_fg_color: $dark_fg_color;
+
+$wm_bg: $titlebar_bg_color;
+$wm_border_focused: #990000;
+$wm_border_unfocused: #2d2d2d;
+$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1);
+$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4);
+$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1);
+$wm_icons_focused_prelight: $selected_bg_color;
+$wm_icons_focused_pressed: shade($selected_bg_color, .8);
+$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4);
+$wm_icons_unfocused_prelight: $selected_bg_color;
+$wm_icons_unfocused_pressed: shade($selected_bg_color, .8);
+
+// widget styles
+$roundness: 0px;
+$spacing: 3px;
+$gradient: 0.0;
+
+$contrast: .8;
diff --git a/Redcore-nighttime/gtk-3.0/scss/_widgets.scss b/Redcore-nighttime/gtk-3.0/scss/_widgets.scss
new file mode 100644
index 0000000..db51b05
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/_widgets.scss
@@ -0,0 +1,37 @@
+@import "functions";
+@import "global";
+@import "colors";
+
+
+@import "widgets/base";
+@import "widgets/button";
+@import "widgets/entry";
+@import "widgets/actionbar";
+@import "widgets/calendar";
+@import "widgets/choosers";
+@import "widgets/grid";
+@import "widgets/infobar";
+@import "widgets/menu";
+@import "widgets/misc";
+@import "widgets/notebook";
+@import "widgets/osd";
+@import "widgets/overshoot";
+@import "widgets/progress";
+@import "widgets/scrollbar";
+@import "widgets/sidebar";
+@import "widgets/spinner";
+@import "widgets/toggle";
+@import "widgets/toolbar";
+@import "widgets/view";
+@import "widgets/window";
+
+@import "apps/unity-greeter";
+@import "apps/gedit";
+@import "apps/nautilus";
+@import "apps/nemo";
+@import "apps/panel";
+@import "apps/synaptic";
+@import "apps/xfce";
+@import "apps/unity";
+@import "apps/lightdm";
+@import "apps/gnome-terminal";
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss
new file mode 100644
index 0000000..f1614a6
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss
@@ -0,0 +1,132 @@
+/*********
+ ! Gedit *
+**********/
+
+@include exports("gedit") {
+ GeditWindow .pane-separator {
+ border-width: 0 1px 0 0;
+ border-style: solid;
+
+ &, &:hover {
+ border-color: shade($bg_color, ($contrast + .1));
+ background-color: $bg_color;
+ }
+ }
+
+ .gedit-document-panel {
+ background-color: $bg_color;
+ color: mix($fg_color, $bg_color, .1);
+
+ .list-row {
+ padding: $spacing;
+
+ .button {
+ padding: 1px;
+ border-radius: $roundness;
+ border-style: solid;
+ border-color: transparent;
+ border-width: 1px;
+ background-color: transparent;
+ background-image: none;
+ color: transparent;
+ icon-shadow: none;
+ }
+ }
+
+ .prelight-row .button {
+ border-color: alpha($black, .1);
+ color: alpha($white, .8);
+
+ &:active {
+ border-color: alpha($black, .2);
+ background-color: alpha($black, .08);
+ color: $white;
+ }
+ }
+
+ list-row, .prelight-row {
+ .button:hover {
+ border-color: alpha($black, .1);
+ color: $white;
+ }
+ }
+ }
+
+ .gedit-document-panel-group-row {
+ &, &:hover {
+ border-top: 1px solid shade($bg_color, ($contrast + .1));
+ background-color: $bg_color;
+ }
+ }
+
+ .gedit-document-panel-document-row {
+ &:hover { background-color: shade($bg_color, 1.05); }
+
+ &:selected {
+ &, &:hover { @extend %selected; }
+ }
+ }
+
+ .gedit-document-panel-dragged-row {
+ border: 1px solid alpha($black, .1);
+ background-color: alpha($black, .5);
+ color: $white;
+ }
+
+ .gedit-document-panel-placeholder-row {
+ border: 0;
+ background-color: alpha($black, .08);
+ transition: all 200ms ease-in;
+ }
+
+ GeditStatusbar { border-top: 1px solid border_normal($bg_color); }
+
+ GeditStatusbar GeditSmallButton, GeditStatusMenuButton {
+ text-shadow: none;
+
+ .button {
+ border-style: solid;
+ border-width: 0 1px;
+ border-color: transparent;
+ border-radius: 0;
+ padding: 1px 6px 2px 4px;
+
+ &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); }
+
+ &:active {
+ background-color: shade($bg_color, .95);
+ color: $fg_color;
+ }
+ }
+ }
+
+ GeditViewFrame .gedit-search-slider {
+ padding: $spacing;
+ border-radius: 0 0 $roundness $roundness;
+ border-width: 0 1px 1px;
+ border-style: solid;
+ border-color: border_normal($base_color);
+ background-color: $base_color;
+
+ .not-found {
+ background-color: $error_bg_color;
+ background-image: none;
+ color: $error_fg_color;
+
+ &:selected { @extend %selected; }
+ }
+ }
+
+ GeditFileBrowserWidget .toolbar {
+ padding: $spacing / 2;
+ border-top: 0;
+ background-color: $bg_color;
+ background-image: none;
+ }
+
+ .gedit-search-entry-occurrences-tag {
+ margin: $spacing / 2;
+ padding: $spacing / 2;
+ color: mix($text_color, $base_color, .5);
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss
new file mode 100644
index 0000000..178f741
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss
@@ -0,0 +1,219 @@
+/**********************
+ ! Genome Terminal *
+***********************/
+
+@include exports("gnome-terminal") {
+ VteTerminal {
+ background-color: $osd_base;
+ color: $osd_fg;
+ }
+ TerminalWindow {
+ .scrollbars-junction {
+ background-color: $osd_base;
+ }
+ .scrollbar {
+ &.trough {
+ background-color: $osd_base;
+ }
+ &.button {
+ color: shade($osd_base, 0.6);
+ &:active {
+ color: shade($osd_base, 0.6);
+ &:hover {
+ color: shade($osd_base, 0.6);
+ }
+ }
+ }
+ &.slider {
+ border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.21);
+ background-color: mix($osd_base, $osd_fg, 0.21);
+ &:hover {
+ border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31);
+ background-color: mix($osd_base, $osd_fg, 0.31);
+ }
+ &.vertical {
+ &:hover {
+ border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31);
+ background-color: mix($osd_base, $osd_fg, 0.31);
+ }
+ &:active {
+ border-color: shade($selected_bg_color, 0.9);
+ background-color: $selected_bg_color;
+ }
+ }
+ &:active {
+ border-color: shade($selected_bg_color, 0.9);
+ background-color: $selected_bg_color;
+ }
+ }
+ }
+ GtkNotebook.notebook {
+ border-right-width: 0;
+ border-bottom-width: 0;
+ border-left-width: 0;
+ }
+ }
+
+ TerminalNotebook.notebook { //use dark variant by default
+ padding: 0;
+ border-width: 1px 0 0;
+ border-style: solid;
+ border-color: border_active($osd_base);
+ border-radius: 0;
+ @include linear-gradient($osd_base);
+ background-clip: border-box;
+ color: $osd_fg;
+
+ -GtkNotebook-initial-gap: 0;
+ -GtkNotebook-arrow-spacing: 5;
+ -GtkNotebook-tab-curvature: 0;
+ -GtkNotebook-tab-overlap: 1;
+ -GtkNotebook-has-tab-gap: false;
+
+ &.frame { border-width: 1px; }
+
+ &.header {
+ border-width: 0;
+ background-color: shade($osd_base, .85);
+
+ &.frame {
+ border-color: border_focus($osd_base);
+
+ &.top { border-width: 1px 1px 0 1px; }
+
+ &.right { border-width: 1px 1px 1px 0; }
+
+ &.bottom { border-width: 0 1px 1px 1px; }
+
+ &.left { border-width: 1px 0 1px 1px; }
+ }
+ }
+
+ GtkViewport {
+ border-width: 0;
+ background-color: $osd_base;
+ color: $osd_fg;
+ }
+
+ tab {
+ padding: ($spacing + 1px) $spacing * 2;
+ border: 1px solid transparent;
+ background-color: transparent;
+ background-image: none;
+
+ &:active {
+ background-color: transparent;
+ background-image: none;
+ }
+
+ &.top {
+ border-bottom-width: 2px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+
+ &:hover {
+ border-bottom-color: alpha($selected_bg_color, 0.3);
+ }
+
+ &:active {
+ border-bottom-color: $selected_bg_color;
+ }
+ }
+
+ &.right {
+ border-left-width: 2px;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+
+ &:hover {
+ border-left-color: alpha($selected_bg_color, 0.3);
+ }
+
+ &:active {
+ border-left-color: $selected_bg_color;
+ }
+ }
+
+ &.bottom {
+ border-top-width: 2px;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+
+ &:hover {
+ border-top-color: alpha($selected_bg_color, 0.3);
+ }
+
+ &:active {
+ border-top-color: $selected_bg_color;
+ }
+ }
+
+ &.left {
+ border-right-width: 2px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+
+ &:hover {
+ border-right-color: alpha($selected_bg_color, 0.3);
+ }
+
+ &:active {
+ border-right-color: $selected_bg_color;
+ }
+ }
+
+ GtkLabel { color: mix($osd_fg, $osd_base, .3); }
+
+ &.reorderable-page {
+ &:hover {
+ background-color: shade($osd_base, .85);
+ border-left: 0;
+ border-right: 0;
+ /* using box shadows instead of borders due to slanted edges */
+ box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .7), inset -1px 0 shade($osd_base, .7);
+ }
+
+ &:active {
+ background-color: shade($osd_base, .9);
+ border-left: 0;
+ border-right: 0;
+ box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .75), inset -1px 0 shade($osd_base, .75);
+ }
+ }
+
+ /* close button styling */
+ .button {
+ &, &:active, &:checked, &:hover {
+ padding: 1px;
+ border-width: 1px;
+ border-radius: 2px;
+ border-style: solid;
+ border-color: transparent;
+ background-image: none;
+ background-color: transparent;
+ color: mix($osd_fg, $osd_base, 0.5);
+ }
+
+ &:hover {
+ color: $osd_fg;
+ border-color: shade($osd_base, 0.8);
+ }
+
+ &:active, &:checked, &:active:hover, &:checked:hover {
+ border-color: shade($osd_base, 0.7);
+ background-color: shade($osd_base, 0.95);
+ }
+ }
+
+ }
+
+ .prelight-page {
+ &, GtkLabel { color: mix($osd_fg, $osd_base, .15); }
+ }
+
+ .active-page {
+ &, GtkLabel { color: $osd_fg; }
+ }
+
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss
new file mode 100644
index 0000000..52eda61
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss
@@ -0,0 +1,193 @@
+/***********************
+ ! LightDM GTK Greeter *
+ ***********************/
+
+@include exports("lightdm") {
+ #panel_window {
+ background-color: transparent;
+ background-image: none;
+ color: $white;
+ font: bold;
+ text-shadow: 0 1px alpha($black, .5);
+ icon-shadow: 0 1px alpha($black, .5);
+
+ .menubar {
+ &, > .menuitem {
+ background-color: transparent;
+ background-image: none;
+ color: $white;
+ font: bold;
+ text-shadow: 0 1px alpha($black, .5);
+ icon-shadow: 0 1px alpha($black, .5);
+
+ *:hover { color: $white; }
+
+ &:hover {
+ border-style: none;
+ background-color: alpha($white, .2);
+ background-image: none;
+ color: $white;
+ }
+
+ &:insensitive { color: alpha($white, .7); }
+
+ .menu {
+ border-radius: 1px;
+
+ .menuitem {
+ font: normal;
+ text-shadow: none;
+ }
+ }
+ }
+ }
+ }
+
+ #content_frame { padding-bottom: 14px; }
+
+ #login_window, #shutdown_dialog, #restart_dialog {
+ border-style: none;
+ border-radius: $roundness;
+ background-color: $lightdm_bg_color;
+ color: $lightdm_fg_color;
+
+ /* draw border using box-shadow */
+ box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
+ inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
+ inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
+ inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21);
+
+ .button {
+ padding: 3px 15px;
+ border-width: 1px;
+ border-radius: $roundness;
+ border-style: solid;
+ border-color: shade($lightdm_bg_color, .8);
+ background-color: shade($lightdm_bg_color, 1.08);
+ background-image: none;
+ color: $lightdm_fg_color;
+ transition: all 150ms ease-out;
+
+ &.default, &:focus, &:active:focus {
+ border-color: shade($selected_bg_color, .8);
+ background-color: shade($selected_bg_color, 1.08);
+ background-image: none;
+ color: $selected_fg_color;
+
+ &:hover {
+ border-color: shade($selected_bg_color, .7);
+ background-color: $selected_bg_color;
+ }
+ }
+ }
+ }
+
+
+ #login_window {
+ .menu { border-radius: 1px; }
+
+ GtkComboBox .button {
+ &, &:hover, &:active, &:active:hover,
+ &:focus, &:hover:focus, &:active:focus, &:active:hover:focus {
+ padding: 0;
+ background: none;
+ border-style: none;
+ box-shadow: none;
+ }
+ }
+
+ .entry {
+ padding: 3px 5px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade($lightdm_bg_color, .8);
+ border-radius: $roundness;
+ background-color: shade($lightdm_bg_color, .9);
+ background-image: none;
+ color: $lightdm_fg_color;
+ box-shadow: none;
+ transition: all 150ms ease-out;
+
+ &:focus, &:hover {
+ border-color: shade($lightdm_bg_color, .7);
+
+ box-shadow: inset 1px 0 alpha($dark_shadow, .1),
+ inset 0 1px alpha($dark_shadow, .12),
+ inset -1px 0 alpha($dark_shadow, .1),
+ inset 0 -1px alpha($dark_shadow, .05);
+ }
+ }
+ }
+
+ #user_combobox {
+ color: $lightdm_fg_color;
+ font: 18px;
+
+ .menu { font: normal; }
+
+ .arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); }
+ }
+
+ #user_image {
+ padding: 3px;
+ border-radius: $roundness;
+
+ /* draw border using box-shadow */
+ box-shadow: inset 1px 0 shade($lightdm_bg_color, .7),
+ inset -1px 0 shade($lightdm_bg_color, .7),
+ inset 0 1px shade($lightdm_bg_color, .7),
+ inset 0 -1px shade($lightdm_bg_color, .7);
+ }
+
+ #user_image_border {
+ border-radius: $roundness;
+ background-color: shade($lightdm_bg_color, .9);
+ background-image: none;
+ box-shadow: inset 1px 0 alpha($dark_shadow, .07),
+ inset 0 1px alpha($dark_shadow, .08),
+ inset -1px 0 alpha($dark_shadow, .07),
+ inset 0 -1px alpha($dark_shadow, .05);
+ }
+
+ #buttonbox_frame {
+ padding-top: 10px;
+ padding-bottom: 0;
+ border-style: none;
+ border-bottom-left-radius: $roundness;
+ border-bottom-right-radius: $roundness;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ }
+
+
+
+ /* shutdown button */
+ #shutdown_button {
+ border-color: shade($error_bg_color, .8);
+ background-color: shade($error_bg_color, 1.08);
+ background-image: none;
+ color: $error_fg_color;
+
+ &:hover, &:active, &:active:hover {
+ border-color: shade($error_bg_color, .7);
+ background-color: $error_bg_color;
+ }
+ }
+
+ /* restart button */
+ #restart_button {
+ border-color: shade($warning_bg_color, .8);
+ background-color: shade($warning_bg_color, 1.08);
+ background-image: none;
+ color: $warning_fg_color;
+
+ &:hover, &:active, &:active:hover {
+ border-color: shade($warning_bg_color, .7);
+ background-color: $warning_bg_color;
+ }
+ }
+
+ /* password warning */
+ #greeter_infobar { font: bold; }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss
new file mode 100644
index 0000000..a7a3e1f
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss
@@ -0,0 +1,82 @@
+@import "panel";
+
+/****************
+ ! MATE styles *
+*****************/
+
+@include exports("mate-applications") {
+ .mate-panel-menu-bar {
+ @extend %panel;
+
+ border: 0;
+ padding: 0;
+ text-shadow: none;
+ }
+
+ MatePanelApplet .label,
+ PanelMenuBar.menubar > .menuitem {
+ color: $panel_fg_color;
+ }
+
+ PanelSeparator, MatePanelAppletFrameDBus {
+ border-width: 0;
+ color: transparent;
+ background-image: -gtk-scaled(url("../assets/pane-handle.png"),
+ url("../assets/pane-handle@2.png"));
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: left;
+ }
+
+ MatePanelApplet .button,
+ MatePanelApplet .button.flat,
+ MatePanelApplet .button.toggle
+ MatePanelApplet .button.flat.toggle {
+ background-image: none;
+ background-color: transparent;
+ border-color: transparent;
+ border-style: solid;
+ border-radius: 0;
+ border-width: 1px;
+ color: $panel_fg_color;
+ text-shadow: none;
+ box-shadow: none;
+ padding: 2px;
+ }
+
+ MatePanelApplet .button:hover:active,
+ MatePanelApplet .button:checked,
+ MatePanelApplet .button:checked:hover,
+ MatePanelApplet .button.flat:hover:active,
+ MatePanelApplet .button.flat:checked,
+ MatePanelApplet .button.flat:checked:hover,
+ MatePanelApplet .button.toggle:hover:active,
+ MatePanelApplet .button.toggle:checked,
+ MatePanelApplet .button.toggle:checked:hover,
+ MatePanelApplet .button.flat.toggle:hover:active,
+ MatePanelApplet .button.flat.toggle:checked,
+ MatePanelApplet .button.flat.toggle:checked:hover {
+ background-image: none;
+ background-color: darker($panel_bg_color);
+ border-color: transparent;
+ border-radius: 0;
+ border-width: 1px;
+ color: lighter($panel_fg_color);
+ text-shadow: none;
+ padding: 2px;
+ }
+
+ MatePanelApplet .button:hover,
+ MatePanelApplet .button.flat:hover,
+ MatePanelApplet .button.toggle:hover,
+ MatePanelApplet .button.flat.toggle:hover {
+ background-image: none;
+ background-color: shade($panel_bg_color, 1.3);
+ border-color: transparent;
+ border-radius: 0;
+ border-width: 1px;
+ color: $selected_fg_color;
+ text-shadow: none;
+ padding: 2px;
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss
new file mode 100644
index 0000000..e81a128
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss
@@ -0,0 +1,72 @@
+/************
+ ! Nautilus *
+*************/
+
+@include exports("nautilus") {
+ .nautilus-desktop.nautilus-canvas-item {
+ color: $white;
+ text-shadow: 1px 1px $black;
+
+ &:active { color: $fg_color; }
+
+ &:selected { color: $selected_fg_color; }
+
+ &:active, &:hover, &:selected { text-shadow: none; }
+ }
+
+ NautilusWindow {
+ .toolbar {
+ border-width: 0 0 1px;
+ border-style: solid;
+ border-color: border_normal($toolbar_bg_color);
+ }
+
+ .sidebar .frame { border: 0; }
+
+ GtkPaned {
+ border-width: 0 1px 0 0;
+ border-style: solid;
+
+ &, &:hover {
+ border-color: shade($bg_color, ($contrast + .1));
+ background-color: $bg_color;
+ }
+ }
+ }
+
+ NautilusNotebook {
+ &.notebook {
+ border-right-width: 0;
+ border-left-width: 0;
+ border-bottom-width: 0;
+ }
+
+ .frame { border: 0; }
+ }
+
+ NautilusQueryEditor {
+ .toolbar {
+ padding-top: $spacing - 1px;
+ padding-bottom: $spacing - 2px;
+ border-width: 1px 0 0;
+ border-style: solid;
+ border-color: $toolbar_bg_color;
+ background-color: shade($toolbar_bg_color, .9);
+
+ &:nth-child(2) { border-color: border_normal($toolbar_bg_color); }
+
+ &.search-bar {
+ border-top-width: 0;
+ border-bottom-width: 0;
+ }
+
+ &, &.search-bar {
+ &:last-child, &:only-child {
+ border-bottom-width: 1px;
+ border-bottom-color: border_normal($toolbar_bg_color);
+ }
+ }
+
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss
new file mode 100644
index 0000000..d0aec8d
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss
@@ -0,0 +1,36 @@
+/********
+ ! Nemo *
+*********/
+
+@include exports("nemo") {
+ .nemo-desktop.nemo-canvas-item {
+ color: $white;
+ text-shadow: 1px 1px $black;
+
+ &:active { color: $fg_color; }
+
+ &:selected { color: $selected_fg_color; }
+
+ &:active, &:hover, &:selected { text-shadow: none; }
+ }
+
+ NemoPathbarButton {
+ @include button($toolbar_bg_color, $toolbar_fg_color);
+
+ -NemoPathbarButton-border-radius: $roundness;
+ }
+
+ NemoPlacesTreeView {
+ -NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8);
+ -NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color;
+ -NemoPlacesTreeView-disk-full-bar-width: 1px;
+ -NemoPlacesTreeView-disk-full-bar-radius: 1px;
+ -NemoPlacesTreeView-disk-full-bottom-padding: 2px;
+ -NemoPlacesTreeView-disk-full-max-length: 70px;
+
+ &:selected {
+ -NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color;
+ -NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2);
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss
new file mode 100644
index 0000000..56a8774
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss
@@ -0,0 +1,80 @@
+/***********************
+ ! Fallback mode panel *
+************************/
+
+@include exports("panel") {
+ %panel {
+ @include linear-gradient($panel_bg_color);
+
+ color: $panel_fg_color;
+ }
+
+ %panelbutton {
+ border-width: 0 1px;
+ border-radius: 0;
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ color: $panel_fg_color;
+
+ &:hover, &:hover {
+ @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11));
+
+ border-color: mix($panel_bg_color, $panel_fg_color, .11);
+ color: shade($panel_fg_color, 1.08);
+ }
+
+ &:active, &:checked {
+ @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top);
+
+ border-color: mix($panel_bg_color, $panel_fg_color, .21);
+ color: shade($panel_fg_color, 1.08);
+
+ &:hover {
+ @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top);
+
+ border-color: mix($panel_bg_color, $panel_fg_color, .31);
+ }
+ }
+ }
+
+ PanelWidget, PanelApplet, PanelToplevel {
+ @extend %panel;
+
+ padding: 0;
+ }
+
+ PanelApplet {
+ border: 0;
+
+ .button {
+ @extend %panelbutton;
+
+ -GtkButton-inner-border: 2;
+ }
+ }
+
+ PanelSeparator {
+ @extend %panel;
+
+ border: 0;
+ }
+
+ PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar {
+ &.menuitem {
+ @extend %panel;
+
+ border: 0;
+
+ -PanelMenuBar-icon-visible: true;
+ }
+ }
+
+ PanelAppletFrame {
+ @extend %panel;
+
+ border: 0;
+ }
+
+ WnckPager, WnckTasklist { @extend %panel; }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss
new file mode 100644
index 0000000..c19b78e
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss
@@ -0,0 +1,15 @@
+/************
+ ! Synaptic *
+*************/
+
+@include exports("synaptic") {
+ GtkWindow > GtkVBox > .dock {
+ &, > GtkHBox > GtkToolbar {
+ @include linear-gradient($toolbar-bg-color);
+
+ padding: $spacing;
+ border: 0;
+ color: $toolbar_fg_color;
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss
new file mode 100644
index 0000000..f0c7da7
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss
@@ -0,0 +1,119 @@
+/***********************
+ ! Unity Greeter *
+ ***********************/
+
+@include exports("unity-greeter") {
+
+
+ .lightdm.menu {
+ background-image: none;
+ background-color: fade-out($black, .4);
+ border-color: fade-out($white, .8);
+ border-radius: 4px;
+ padding: 1px;
+
+ color: $white;
+ }
+
+ .lightdm-combo .menu {
+ background-color: shade($dark_bg_color, 1.08);
+ border-radius: 0;
+ padding: 0;
+ color: $white;
+ }
+
+ .lightdm.menu .menuitem *,
+ .lightdm.menu .menuitem.check:active,
+ .lightdm.menu .menuitem.radio:active {
+ color: $white;
+ }
+
+ .lightdm.menubar *,
+ .lightdm.menubar .menuitem {
+ padding: 2px;
+ }
+
+ .lightdm-combo.combobox-entry .button,
+ .lightdm-combo .cell,
+ .lightdm-combo .button,
+ .lightdm-combo .entry,
+
+ .lightdm.button{
+ background-image: none;
+ background-color: fade-out($black, .7);
+ border-color: fade-out($white, .1);
+ border-radius: 5px;
+ padding: 5px;
+ color: $white;
+ }
+ .lightdm.button:hover {
+ background-image: none;
+ background-color: fade-out($white, .7);
+ border-color: fade-out($white, .4);
+ border-radius: 5px;
+ padding: 5px;
+ color: $white;
+ text-shadow: none;
+ }
+ .lightdm.button:active,
+ .lightdm.button:active:focus,
+ .lightdm.button:focus,
+
+ .lightdm.entry {
+ background-image: none;
+ background-color: fade-out($black, .7);
+ border-color: fade-out($white, .4);
+ border-radius: 5px;
+ padding: 6px;
+ color: $white;
+ text-shadow: none;
+ }
+ .lightdm.entry:hover,
+ .lightdm.entry:active,
+ .lightdm.entry:active:focus {
+ background-image: none;
+ border-image: none;
+ }
+ .lightdm.entry:focus {
+ border-color: fade-out($white, .4);
+ border-width: 1px;
+ border-style: solid;
+ color: $white;
+ }
+ .lightdm.entry:selected {
+ background-color: fade-out($white, .8);
+ }
+
+ @keyframes dashentry_spinner {
+ to { -gtk-icon-transform: rotate(1turn); }
+ }
+
+ .lightdm.entry:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: dashentry_spinner 1s infinite linear;
+ }
+
+ .lightdm.option-button {
+ background: none;
+ border-width: 0;
+ }
+
+ .lightdm.option-button:insensitive:insensitive {
+ background: none;
+ }
+
+ .lightdm.toggle-button {
+ background: none;
+ border-width: 0;
+ }
+ .lightdm.toggle-button.selected:hover {
+ background-color: fade-out($white, .7);
+ border-color: fade-out($white, .7);
+ border-width: 1px;
+ }
+ .lightdm.toggle-button.selected {
+ background-color: fade-out($black, .7);
+ border-color: fade-out($white, .7);
+ border-width: 1px;
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss
new file mode 100644
index 0000000..6bc77a9
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss
@@ -0,0 +1,74 @@
+@import "panel";
+
+/****************
+ ! Unity styles *
+*****************/
+
+@include exports("unity") {
+ UnityDecoration {
+ -UnityDecoration-extents: 28px 1px 1px 1px;
+ -UnityDecoration-input-extents: 10px;
+
+ -UnityDecoration-shadow-offset-x: 1px;
+ -UnityDecoration-shadow-offset-y: 1px;
+ -UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7);
+ -UnityDecoration-active-shadow-radius: 8px;
+ -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5);
+ -UnityDecoration-inactive-shadow-radius: 5px;
+
+ -UnityDecoration-glow-size: 10px;
+ -UnityDecoration-glow-color: $selected_bg_color;
+
+ -UnityDecoration-title-indent: 10px;
+ -UnityDecoration-title-fade: 35px;
+ -UnityDecoration-title-alignment: 0;
+
+
+ &.top {
+ border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
+ border-bottom: 0;
+ border-radius: 2px 2px 0 0;
+ padding: 1px 8px 0 8px;
+ background-color: $titlebar_bg_color;
+ color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
+ text-shadow: none;
+
+ &:backdrop {
+ border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12);
+ border-bottom: 0;
+ background-color: $titlebar_bg_color;
+ color: mix($titlebar_fg_color, $titlebar_bg_color, .4);
+ }
+ }
+
+ &.left, &.right, &.bottom {
+ background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
+
+ &:backdrop {
+ background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12);
+ }
+ }
+ }
+
+ UnityPanelWidget, .unity-panel {
+ @extend %panel;
+
+ border: 0;
+ }
+
+ .unity-panel {
+ &.menuitem, .menuitem {
+ border-width: 0 1px;
+ color: $panel_fg_color;
+
+ &:hover, *:hover {
+ border-color: mix($panel_bg_color, $panel_fg_color, .21);
+ background-color: mix($panel_bg_color, $panel_fg_color, .21);
+ background-image: none;
+ color: shade($panel_fg_color, 1.08);
+ }
+ }
+ }
+
+ SheetStyleDialog.unity-force-quit { background-color: $bg_color; }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss
new file mode 100644
index 0000000..dc38a86
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss
@@ -0,0 +1,26 @@
+@import "panel";
+
+/***************
+ ! Xfce styles *
+****************/
+
+@include exports("xfce") {
+ XfceHeading {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ background-image: none;
+ background-color: $base_color;
+ color: $text_color;
+ }
+
+ .xfce4-panel {
+ @extend %panel;
+
+ font: normal;
+
+ .button { @extend %panelbutton; }
+
+ .menu { -gtk-image-effect: none; }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/gtk.scss b/Redcore-nighttime/gtk-3.0/scss/gtk.scss
new file mode 100644
index 0000000..4455669
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/gtk.scss
@@ -0,0 +1,3 @@
+$variant: "light";
+
+@import "widgets";
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss
new file mode 100644
index 0000000..749f549
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss
@@ -0,0 +1,106 @@
+@import "button";
+@import "toolbar";
+
+/**************
+ ! Action-bar *
+***************/
+
+@include exports("actionbar") {
+ .action-bar {
+ @include linear-gradient($bg_color);
+
+ padding: $spacing;
+ border-width: 1px 0 0;
+ border-style: solid;
+ border-color: border_normal($bg_color);
+ color: $fg_color;
+
+ .button {
+ &.text-button { padding: $spacing - 1px; }
+
+ &.image-button { padding: $spacing + 1px; }
+ }
+
+ .title {
+ font: bold;
+ padding: 0 ($spacing * 2);
+ }
+
+ .subtitle {
+ font: smaller;
+ padding: 0 ($spacing * 2);
+ }
+ }
+}
+
+
+/***************
+ ! Search bars *
+****************/
+
+@include exports("searchbar") {
+ .search-bar {
+ @include linear-gradient(shade($bg_color, .98));
+
+ border-width: 0 0 1px;
+ border-style: solid;
+ border-color: border_normal($bg_color);
+ color: $fg_color;
+
+ .button.close-button { padding: $spacing; }
+ }
+}
+
+
+/******************
+ ! Action buttons *
+*******************/
+
+@include exports("actionbuttons") {
+ $types: (
+ suggested: $success_color,
+ destructive: $error-color
+ );
+
+ @each $type, $color in $types {
+ .#{$type}-action.button {
+ @include button($color, $selected_fg_color);
+ }
+ }
+}
+
+
+/******************
+* selection mode *
+******************/
+
+@include exports("selectionmode") {
+ .selection-mode {
+ &.header-bar, &.toolbar {
+ @include toolbar($selected_bg_color, $selected_fg_color);
+
+ .button {
+ @include button($selected_bg_color, $selected_fg_color);
+
+ &.suggested-action { @extend .suggested-action.button; }
+ }
+
+ .selection-menu.button {
+ border: 0;
+ background-color: transparent;
+ background-image: none;
+ color: shade($selected_bg_color, $contrast);
+
+ &:hover { color: shade($selected_bg_color, ($contrast - .1)); }
+
+ &:active { color: shade($selected_bg_color, ($contrast - .05)); }
+ }
+
+ .dim-label, {
+ &, .selection-menu.button & { color: shade($selected_bg_color, ($contrast - .1)); }
+ }
+ }
+
+ &.toolbar { padding: $spacing; }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss
new file mode 100644
index 0000000..730bbec
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss
@@ -0,0 +1,104 @@
+/**************
+ ! GTK settings
+***************/
+
+* {
+ -GtkArrow-arrow-scaling: .5;
+ -GtkExpander-expander-size: 8;
+ -GtkStatusbar-shadow-type: none;
+ -GtkToolItemGroup-expander-size: 8;
+ -GtkWindow-resize-grip-height: 0;
+ -GtkWindow-resize-grip-width: 0;
+ -WnckTasklist-fade-overlay-rect: 0;
+
+ -GtkWidget-cursor-color: $primary_caret_color;
+ -GtkWidget-secondary-cursor-color: $secondary_caret_color;
+ -GtkWidget-cursor-aspect-ratio: $caret_aspect_ratio;
+
+ outline-color: alpha($selected_bg_color, .5);
+ outline-style: dashed;
+ outline-width: 1px;
+ outline-offset: -1px;
+ outline-radius: $roundness;
+}
+
+
+/*************
+ ! Base states
+ *************/
+
+%selected {
+ &, &:focus {
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ }
+}
+
+* {
+ /* hyperlinks */
+ -GtkHTML-link-color: $link_color;
+ -GtkIMHtml-hyperlink-color: $link_color;
+ -GtkWidget-link-color: $link_color;
+ -GtkWidget-visited-link-color: $link_color;
+
+ &:selected { @extend %selected; }
+
+ &:insensitive,
+ &:insensitive:insensitive { color: mix($fg_color, $bg_color, .5); }
+
+ &:insensitive { -gtk-image-effect: dim; }
+
+ &:hover { -gtk-image-effect: highlight; }
+
+ &:link, &:visited { color: $link_color; }
+}
+
+.background {
+ background-color: $bg_color;
+ color: $fg_color;
+
+ &:backdrop {
+ text-shadow: none;
+ icon-shadow: none;
+ }
+
+ &.csd { background-color: $bg_color; }
+}
+
+.gtkstyle-fallback {
+ background-color: alpha($bg_color, .5);
+ color: $fg_color;
+
+ &:hover {
+ background-color: shade($bg_color, 1.1);
+ color: $fg_color;
+ }
+
+ &:active {
+ background-color: shade($bg_color, .9);
+ color: $fg_color;
+ }
+
+ &:insensitive {
+ background-color: shade(shade($bg_color, .95), 1.05);
+ color: mix($fg_color, $bg_color, .5);
+ }
+
+ &:selected { @extend %selected; }
+}
+
+GtkImage, GtkLabel, GtkBox, GtkGrid {
+ &, &:insensitive { background-color: transparent; }
+}
+
+GtkLabel {
+ &.separator {
+ @extend .dim-label;
+
+ color: $fg_color;
+ }
+
+ &:selected { @extend %selected; }
+
+ &:insensitive { color: mix($fg_color, $bg_color, .5); }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss
new file mode 100644
index 0000000..6d26c9f
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss
@@ -0,0 +1,376 @@
+/*********
+ ! Buttons
+**********/
+
+@include exports("button_extends") {
+ %button {
+ padding: $spacing ($spacing + 2px);
+ border-width: 1px;
+ border-style: solid;
+ border-radius: $roundness;
+ transition: 150ms ease;
+ outline-color: transparent;
+
+ -GtkWidget-focus-padding: 1;
+ -GtkWidget-focus-line-width: 0;
+
+ &:focus, &:hover, &:active { transition: none; }
+ }
+
+ %linked_middle {
+ border-radius: 0;
+ border-left-style: none;
+ border-right-style: solid;
+
+ &:dir(rtl) {
+ border-radius: 0; // needed when including %linked_middle:dir(rtl)
+ border-right-style: none;
+ border-left-style: solid;
+ }
+ }
+
+ %linked_button {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 0;
+ border-right-style: none;
+ border-left-style: none;
+
+ &:first-child {
+ border-width: 1px;
+ border-radius: $roundness;
+ border-left-style: solid;
+ border-right-style: none;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+
+ &:dir(rtl) {
+ border-left-style: none;
+ border-right-style: solid;
+ }
+ }
+
+ &:last-child {
+ border-width: 1px;
+ border-radius: $roundness;
+ border-left-style: none;
+ border-right-style: solid;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+
+ &:dir(rtl) {
+ border-left-style: solid;
+ border-right-style: none;
+ }
+ }
+
+ &:only-child, &:first-child:only-child {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: $roundness;
+ }
+ }
+}
+
+@mixin linked_button($bg) {
+ $border_strength: if(lightness($bg) > 50, 0, .1);
+ $shadow_strength: if(lightness($bg) > 50, 0, .1);
+
+ @extend %linked_button;
+
+ box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)),
+ 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength);
+
+ &:focus, &:hover {
+ box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)),
+ 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength);
+ }
+
+ &:active, &:active:hover,
+ &:active:focus, &:active:hover:focus,
+ &:checked, &:checked:hover,
+ &:checked:focus, &:checked:hover:focus {
+ box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)),
+ inset 0 1px alpha($dark_shadow, .07),
+ inset 0 -1px alpha($dark_shadow, .05);
+ }
+
+ &:insensitive { box-shadow: inset -1px 0 shade($bg, .8); }
+
+ &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); }
+
+ &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); }
+
+ &:insensitive:last-child, &:insensitive:only-child,
+ &:active:insensitive:last-child, &:active:insensitive:only-child,
+ &:checked:insensitive:last-child, &:checked:insensitive:only-child { box-shadow: none; }
+
+ &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus,
+ &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus {
+ box-shadow: inset 0 1px alpha($dark_shadow, .07),
+ inset -1px 0 alpha($dark_shadow, .06);
+ }
+
+ &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus,
+ &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus {
+ box-shadow: inset 1px 0 alpha($dark_shadow, .06),
+ inset 0 1px alpha($dark_shadow, .07),
+ inset -1px 0 alpha($dark_shadow, .06);
+ }
+}
+
+@mixin button($bg, $fg) {
+ $border_strength: if(lightness($bg) > 50, 0, .1);
+ $shadow_strength: if(lightness($bg) > 50, 0, .1);
+
+ /*$button_bg: if(hue($bg) == 0deg, shade($bg, 1.2), $bg);*/
+ $button_bg: $bg;
+
+ @extend %button;
+ @include linear-gradient($button_bg);
+ @include border(rgba(0, 0, 0, .12 + $border_strength));
+
+ color: $fg;
+ box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength);
+
+ &.flat {
+ border-color: alpha($button_bg, 0);
+ background-color: alpha($button_bg, 0);
+ background-image: none;
+ box-shadow: none;
+ }
+
+ &, &.flat {
+ &:focus, &:hover {
+ @include linear-gradient(shade($button_bg, 1.2));
+ @include border(rgba(0, 0, 0, .2 + $border_strength));
+
+ box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength);
+ }
+
+ &:active, &:checked {
+ @include linear-gradient(shade($button_bg, .7), to top);
+
+ color: $selected_fg_color;
+ box-shadow: inset 1px 0 alpha($dark_shadow, .06),
+ inset 0 1px alpha($dark_shadow, .07),
+ inset -1px 0 alpha($dark_shadow, .06),
+ inset 0 -1px alpha($dark_shadow, .05);
+
+ &:focus, &:hover {
+ @include linear-gradient(shade($button_bg, .65), to top);
+
+ color: $selected_fg_color;
+ }
+ }
+
+ &:focus, &:hover { color: $fg; }
+
+ &:active:insensitive, &:checked:insensitive {
+ @include linear-gradient(shade($button_bg, .9));
+
+ color: $fg;
+ box-shadow: none;
+ }
+
+ &:insensitive:insensitive {
+ @if (lightness($button_bg) > 50) {
+ @include linear-gradient(shade($button_bg, .95));
+ } @else {
+ @include linear-gradient(alpha($button_bg, .3));
+ }
+
+ color: mix($button_bg, $fg, .5);
+ box-shadow: none;
+ }
+ }
+
+ // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/572
+ // Webkitgtk workaround start
+ &:active { color: $fg; }
+ // Webkitgtk workaround end
+
+ &.flat {
+ &:insensitive:insensitive {
+ background-color: transparent;
+ background-image: none;
+ color: mix($bg, $fg, .5);
+ box-shadow: none;
+ }
+ }
+
+ &.separator, .separator {
+ border: 1px solid currentColor;
+ color: shade($button_bg, ($contrast + .1));
+
+ &:insensitive { color: shade($button_bg, .85); }
+ }
+}
+
+@include exports("button") {
+ * {
+ -GtkButton-child-displacement-x: 0;
+ -GtkButton-child-displacement-y: 0;
+ -GtkButton-default-border: 0;
+ -GtkButton-image-spacing: 0;
+ -GtkButton-inner-border: 1;
+ -GtkButton-interior-focus: true;
+ -GtkButtonBox-child-min-height: 24;
+ -GtkButtonBox-child-internal-pad-y: 1;
+ -GtkToolButton-icon-spacing: 6;
+ }
+
+ %close_button {
+ border: 1px solid transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+
+ &:focus, &:hover {
+ border: 1px solid alpha($black, .3);
+ background-color: alpha($white, .2);
+ background-image: none;
+ box-shadow: none;
+ }
+
+ &:active, &:checked, &:active:hover, &:checked:hover {
+ border: 1px solid alpha($black, .3);
+ background-color: alpha($black, .1);
+ background-image: none;
+ box-shadow: none;
+ }
+ }
+
+ .button {
+ @include button($button_bg_color, $button_fg_color);
+
+ &.default { @include button($selected_bg_color, $selected_fg_color); }
+
+ &.linked, .linked & { @include linked_button($button_bg_color); }
+
+ .spinbutton & {
+ color: mix($text_color, $base_color, .4);
+ padding: $spacing ($spacing * 2);
+ border: 0;
+ border-radius: 0;
+ border-style: none;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 1px 0 shade($base_color, .9);
+
+ &:insensitive {
+ color: mix($text_color, $base_color, .7);
+ box-shadow: inset 1px 0 shade($base_color, .85);
+ }
+
+ &:active, &:checked, &:hover { color: $text_color; }
+
+ &:first-child {
+ border-radius: $roundness 0 0 $roundness;
+ box-shadow: none;
+ }
+
+ &:last-child { border-radius: 0 $roundness $roundness 0; }
+
+ &:dir(rtl) { box-shadow: inset -1px 0 shade($base_color, .9); }
+ }
+
+ .spinbutton.vertical & {
+ border: 1px solid shade($bg_color, .8);
+ border-radius: $roundness;
+ background-color: shade($bg_color, 1.08);
+ background-image: none;
+ color: $fg_color;
+ box-shadow: none;
+
+ &:hover {
+ border-color: shade($bg_color, .7);
+ background-color: shade($bg_color, 1.1);
+ background-image: none;
+ }
+
+ &:active, &:checked {
+ border-color: shade($bg_color, .8);
+ background-color: shade($bg_color, .95);
+ background-image: none;
+ }
+
+ &:active:hover, &:checked:hover {
+ border-color: shade($bg_color, .7);
+ }
+
+ &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { border-color: shade($bg_color, .7); }
+
+ &:insensitive {
+ border-color: shade($bg_color, .85);
+ background-color: shade($bg_color, .9);
+ background-image: none;
+ }
+
+ &:first-child {
+ border-width: 1px;
+ border-bottom-width: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ &:last-child {
+ border-width: 1px;
+ border-top-width: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+ }
+
+ .spinbutton.vertical.entry {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 0;
+ }
+ }
+}
+
+
+/******************
+! ComboBoxes *
+*******************/
+
+@include exports("combobox") {
+ GtkComboBox {
+ > .button {
+ padding: ($spacing - 2px) ($spacing + 1px);
+
+ -GtkComboBox-arrow-scaling: .5;
+ -GtkComboBox-shadow-type: none;
+ }
+
+ &.combobox-entry {
+ .entry, .button { @extend %linked_button; }
+ }
+
+ .separator {
+ /* always disable separators */
+ -GtkWidget-wide-separators: true;
+ -GtkWidget-horizontal-separator: 0;
+ -GtkWidget-vertical-separator: 0;
+
+ border-style: none;
+ }
+ }
+
+ .linked > GtkComboBox {
+ > .button {
+ // the combo is a composite widget so the way we do button linked doesn't
+ // work, special case needed. See
+ // https://bugzilla.gnome.org/show_bug.cgi?id=733979
+ &:dir(ltr) { @extend %linked_middle; } // specificity bump
+ &:dir(rtl) { @extend %linked_middle:dir(rtl); }
+ }
+
+ &:first-child > .button { @extend %linked_button:first-child; }
+
+ &:last-child > .button { @extend %linked_button:last-child; }
+
+ &:only-child > .button { @extend %linked_button:only-child; }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss
new file mode 100644
index 0000000..5c7ca32
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss
@@ -0,0 +1,38 @@
+/**********
+ ! Calendar
+***********/
+
+@include exports("calendar") {
+ GtkCalendar {
+ padding: 1px 3px;
+ outline-offset: -1px;
+
+ &:inconsistent { color: mix($fg_color, $bg_color, .5); }
+
+ &.view, &.highlight, &.header, &.button {
+ &, &:focus, &:hover, &:insensitive {
+ background-color: transparent;
+ background-image: none;
+ border-width: 0;
+ border-radius: 0;
+ }
+ }
+
+ &.button {
+ &, &:focus, &:hover, &:insensitive {
+ color: $white;
+ border-width: 0;
+ box-shadow: none;
+ }
+ }
+
+ &.highlight { color: $selected_bg_color; }
+ }
+
+ /* gnome-calendar */
+ .calendar-view {
+ background-color: $base_color;
+ color: $text_color;
+ }
+}
+
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss
new file mode 100644
index 0000000..ecd50dd
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss
@@ -0,0 +1,125 @@
+/***************
+ ! Color chooser
+****************/
+
+@include exports("colorchooser") {
+ GtkColorSwatch {
+ &, &:selected {
+ border: 1px solid alpha($black, .1);
+ border-radius: $roundness;
+ background-color: transparent;
+ background-clip: border-box;
+
+ &:hover { border-color: alpha($black, .3); }
+ }
+
+ &.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; }
+
+ &.left, &:first-child {
+ border-top-left-radius: $roundness;
+ border-bottom-left-radius: $roundness;
+ }
+
+ &.right, &:last-child {
+ border-top-right-radius: $roundness;
+ border-bottom-right-radius: $roundness;
+ }
+
+ &:only-child { border-radius: $roundness; }
+
+ &.top {
+ border-top-left-radius: $roundness;
+ border-top-right-radius: $roundness;
+ }
+
+ &.bottom {
+ border-bottom-left-radius: $roundness;
+ border-bottom-right-radius: $roundness;
+ }
+
+ GtkColorEditor & {
+ border-radius: $roundness;
+
+ &.color-dark:hover, &.color-light:hover {
+ background-image: none;
+ border-color: alpha($black, .3);
+ }
+ }
+ }
+
+ GtkColorChooserWidget #add-color-button {
+ background-clip: padding-box;
+ border-color: alpha($black, .1);
+ background-color: shade($bg_color, .95);
+ color: $fg_color;
+
+ &:hover {
+ border-color: alpha($black, .3);
+ background-color: shade($bg_color, .9);
+ color: $fg_color;
+ }
+ }
+
+ .color-active-badge {
+ &, &:selected {
+ border-width: 2px;
+ border-style: solid;
+ background-color: transparent;
+ }
+
+ &.color-light {
+ &, &:hover {
+ border-color: alpha($black, .3);
+ color: alpha($black, .3);
+ }
+ }
+
+ &.color-dark {
+ &, &:hover {
+ border-color: alpha($white, .3);
+ color: alpha($white, .3);
+ }
+ }
+ }
+
+ GtkColorButton.button { padding: $spacing; }
+}
+
+
+/***********************
+! Font and file choosers
+************************/
+
+@include exports("miscchoosers") {
+ GtkFontButton, GtkFileChooserButton {
+ .separator {
+ /* always disable separators */
+ -GtkWidget-wide-separators: true;
+ -GtkWidget-horizontal-separator: 0;
+ -GtkWidget-vertical-separator: 0;
+ }
+
+ GtkLabel:last-child { color: alpha(currentColor, .7); }
+
+ GtkImage:last-child { color: alpha(currentColor, .7); }
+ }
+
+ GtkFileChooser {
+ .pane-separator {
+ &, &:hover {
+ border-width: 0 1px 0 0;
+ border-style: solid;
+ border-color: currentColor;
+ background-color: $bg_color;
+ color: shade($bg_color, ($contrast + .1));
+ }
+ }
+
+ /* for fallback when header bar not used */
+ .dialog-action-box {
+ border-width: 1px 0 0;
+ border-style: solid;
+ border-color: shade($bg_color, .7);
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss
new file mode 100644
index 0000000..e8d7562
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss
@@ -0,0 +1,84 @@
+/*********
+ ! Entry *
+**********/
+
+%linked_entry {
+ border-width: 1px;
+ border-radius: 0;
+ border-right-width: 0;
+ border-left-width: 0;
+
+ &:first-child {
+ border-width: 1px;
+ border-radius: $roundness;
+ border-right-width: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ &:last-child {
+ border-width: 1px;
+ border-radius: $roundness;
+ border-left-width: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+ }
+
+ &:only-child {
+ border-width: 1px;
+ border-radius: $roundness;
+ }
+}
+
+%entry {
+ padding: ($spacing - 1px) $spacing;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: $roundness;
+ transition: border 150ms ease;
+ box-shadow: inset 1px 1px alpha($dark_shadow, .06),
+ inset -1px 0 alpha($dark_shadow, .06);
+
+ &:focus, &:hover, &:active { transition: none; }
+
+ &:selected, &:selected:focus {
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ }
+
+ &:insensitive { box-shadow: none; }
+
+ &.progressbar {
+ @include linear-gradient($selected_bg_color);
+
+ border-width: 0;
+ border-radius: $roundness;
+ color: $selected_fg_color;
+ }
+
+ &.image.left { padding-right: $spacing; }
+}
+
+@mixin entry($bg, $fg) {
+ @extend %entry;
+ @include linear-gradient($bg, to top);
+ @include border($bg);
+
+ color: $fg;
+
+ &:focus, &:active { border-color: $selected_bg_color; }
+
+ &:insensitive {
+ @include linear-gradient(shade($bg, .9), to top);
+
+ color: mix($bg, $fg, .5);
+ }
+}
+
+@include exports("entry") {
+ .entry {
+ @include entry($base_color, $text_color);
+
+ &.linked, .linked & { @extend %linked_entry; }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss
new file mode 100644
index 0000000..e4b9e8f
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss
@@ -0,0 +1,48 @@
+/******************
+ ! Grid and flowbox
+*******************/
+
+@include exports("grid") {
+ .list {
+ background-color: shade($bg_color, .97);
+ color: $fg_color;
+
+ &-row {
+ &, &.button {
+ border: 0;
+ border-radius: 0;
+ padding: $spacing;
+ background-image: none;
+ background-color: alpha($bg_color, 0);
+ box-shadow: none;
+
+ &:hover {
+ background-image: none;
+ background-color: shade($bg_color, 1.02);
+ }
+
+ &:selected {
+ &, &:hover, &:focus {
+ background-image: none;
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ }
+ }
+ }
+ }
+ }
+
+ .grid-child {
+ &, GtkFlowBox & {
+ padding: $spacing;
+ border-radius: $roundness;
+
+ &:selected {
+ @extend %selected;
+
+ outline-offset: -2px;
+ }
+ }
+ }
+}
+
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss
new file mode 100644
index 0000000..6f5865b
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss
@@ -0,0 +1,38 @@
+@import "button";
+
+
+/*********
+ ! Infobar
+**********/
+
+@include exports("infobar") {
+ GtkInfoBar {
+ border: 0;
+ }
+
+ $types: (
+ info: ($info_fg_color, $info_bg_color),
+ warning: ($warning_fg_color, $warning_bg_color),
+ question: ($question_fg_color, $question_bg_color),
+ error: ($error_fg_color, $error_bg_color),
+ );
+
+
+ @each $type, $colors in $types {
+ $fg_color: nth($colors, 1);
+ $bg_color: nth($colors, 2);
+
+ .#{$type} {
+ @include linear-gradient($bg_color);
+
+ border: 1px solid shade($bg_color, .8);
+ color: $fg_color;
+
+ .button {
+ @include button($bg_color, $fg_color);
+
+ &.close { @extend %close_button; }
+ }
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss
new file mode 100644
index 0000000..aa1ccfd
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss
@@ -0,0 +1,267 @@
+@import "entry";
+
+
+/*********
+ ! Menubar
+**********/
+
+@include exports("menubar") {
+ .menubar {
+ -GtkWidget-window-dragging: true;
+
+ border: 0;
+ background-color: $menubar_bg_color;
+ background-image: none;
+ color: $menubar_fg_color;
+
+
+ &.menuitem, .menuitem {
+ padding: $spacing ($spacing * 2);
+ border: 1px solid transparent;
+ background-color: transparent;
+ background-image: none;
+ color: $menubar_fg_color;
+
+ &:hover {
+ border-color: mix($menubar_bg_color, $menubar_fg_color, .21);
+ background-color: mix($menubar_bg_color, $menubar_fg_color, .21);
+ background-image: none;
+ color: shade($menubar_fg_color, 1.08);
+ }
+
+ *:hover { color: shade($menubar_fg_color, 1.08); }
+ }
+ }
+}
+
+
+/******
+ ! Menu
+*******/
+
+@include exports("menu") {
+ * {
+ -GtkMenu-horizontal-padding: 0;
+ -GtkMenu-vertical-padding: 0;
+ }
+
+ GtkTreeMenu, GtkMenuToolButton, GtkComboBox {
+ &.menu, .menu {
+ background-color: $menu_bg_color;
+ margin: $spacing;
+ }
+ }
+
+ #toolbar-popup, .menu {
+ padding: 0;
+ border-radius: 0;
+ border: 0;
+ background-color: $menu_bg_color;
+ color: $menu_fg_color;
+
+ &:selected { background-color: $selected_bg_color; }
+
+ .button {
+ &, &:hover, &:active, &:active *:insensitive, &:insensitive {
+ border-width: 0;
+ background-color: transparent;
+ background-image: none;
+ }
+ }
+ }
+
+ .context-menu { font: initial; }
+
+ .menuitem {
+ GtkTreeMenu & {
+ padding: 0;
+ border-width: 0;
+ }
+
+ &, .menu & {
+ margin: $spacing;
+ padding: $spacing;
+ border: 0;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: none;
+
+ -GtkMenuItem-arrow-scaling: .5;
+
+ &:active, &:hover {
+ border: 0;
+ background-color: $selected_bg_color;
+ background-image: none;
+ color: $selected_fg_color;
+ }
+
+ *:active, *:hover { color: $selected_fg_color; }
+
+ &:insensitive, *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); }
+ }
+
+ &.check, &.radio {
+ &, &:focus, &:hover, &:insensitive { background-image: none; }
+
+ &, &:focus, &:hover, &:active, &:insensitive {
+ border-style: none;
+ background-color: transparent;
+ }
+ }
+
+ &.separator {
+ -GtkMenuItem-horizontal-padding: 0;
+ -GtkWidget-separator-height: 1;
+
+ border-style: none;
+ color: shade($menu_bg_color, ($contrast + .1));
+ }
+
+ &.button, &.button.flat {
+ &, &:focus, &:active, &:insensitive, &:active:insensitive {
+ background-color: transparent;
+ background-image: none;
+ border: 0;
+ box-shadow: none;
+ color: currentColor;
+ }
+
+ &:hover, &:focus:hover, &:active:hover, &:selected {
+ background-image: none;
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ }
+ }
+
+ GtkCalendar {
+ &:inconsistent { color: mix($menu_fg_color, $menu_bg_color, .5); }
+
+ .button {
+ border-style: none;
+ background-color: transparent;
+ background-image: none;
+ }
+ }
+
+ .accelerator {
+ color: alpha($menu_fg_color, .6);
+
+ &:hover { color: alpha($selected_fg_color, .8); }
+
+ &:insensitive { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); }
+ }
+
+ .entry { @include entry($menu_bg_color, $menu_fg_color); }
+ }
+
+ GtkModelMenuItem GtkBox GtkImage { padding-right: $spacing; }
+}
+
+
+/*********
+ ! Popover
+**********/
+
+@include exports("popover") {
+ GtkPopover {
+ @include border($menu_bg_color);
+
+ margin: 10px;
+ padding: $spacing;
+ border-radius: $roundness;
+ border-width: 1px;
+ border-style: solid;
+ background-clip: border-box;
+ background-color: $menu_bg_color;
+ background-image: none;
+ color: $menu_fg_color;
+ box-shadow: 0 3px 6px alpha($black, .16);
+
+ &.background {
+ background-image: none;
+ background-color: $menu_bg_color;
+ color: $menu_fg_color;
+ }
+
+ &:backdrop { box-shadow: none; }
+
+ &.osd {
+ box-shadow: 0 2px 7px 3px alpha($black, .5);
+
+ > .toolbar .button {
+ border-radius: 0;
+ border-width: 0;
+ background-color: transparent;
+ background-image: none;
+ }
+ }
+
+ .view, .list {
+ background-color: shade($menu_bg_color, ($contrast + .5));
+ background-image: none;
+ color: $menu_fg_color;
+
+ &:hover {
+ background-image: none;
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ }
+ }
+
+ .list-row {
+ &, &.button {
+ background-color: transparent;
+ background-image: none;
+ color: $menu_fg_color;
+
+ &:focus, &:hover, &:active {
+ background-image: none;
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ }
+ }
+ }
+
+ .frame {
+ border-color: border_normal($menu_bg_color);
+ border-radius: $roundness;
+ }
+
+ .entry { @include entry($base_color, $text_color); }
+
+ .button { @include button($header_button_bg_color, $header_button_fg_color); }
+
+ > .list, > .view, > .toolbar { background-color: transparent; }
+
+ .separator {
+ border: 0;
+ background-color: transparent;
+ color: shade($menu_bg_color, ($contrast + .1));
+ font-size: 80%;
+ font-weight: bold;
+ }
+ }
+
+ GtkModelButton.button {
+ &, &:backdrop {
+ @include button(transparent, currentColor);
+
+ &:focus:hover, &.flat:checked:hover, &:active:hover, &:hover, &:selected {
+ background-image: none;
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ box-shadow: none;
+ }
+
+ &.flat {
+ &:checked {
+ box-shadow: none;
+ }
+
+ &, &:hover {
+ transition: none;
+ }
+ }
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss
new file mode 100644
index 0000000..015632d
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss
@@ -0,0 +1,227 @@
+/***************
+! Dimmed label *
+****************/
+
+@include exports("dimlabel") {
+ .dim-label {
+ opacity: .5;
+ text-shadow: none;
+ }
+}
+
+
+/***********
+ ! Tooltip *
+************/
+
+@include exports("tooltip") {
+ .tooltip {
+ &.background {
+ @include linear-gradient($tooltip_bg_color);
+
+ border: 0;
+ border-radius: $roundness;
+ color: $tooltip_fg_color;
+ }
+
+ * {
+ background-color: transparent;
+ color: inherit;
+ }
+ }
+}
+
+
+/***********
+ ! Dialogs *
+************/
+
+@include exports("dialogs") {
+ GtkMessageDialog, .message-dialog, .prompt {
+ -GtkDialog-content-area-border: $spacing;
+ -GtkDialog-action-area-border: $spacing;
+ -GtkDialog-button-spacing: $spacing;
+
+ margin: 0;
+ padding: 0;
+ }
+}
+
+
+/*********************
+ ! App notifications *
+**********************/
+
+@include exports("notifications") {
+ .app-notification {
+ &, &.frame {
+ border-style: solid;
+ border-color: border_normal($osd_bg);
+ border-width: 0 1px 1px;
+ border-radius: 0 0 $roundness $roundness;
+ padding: $spacing * 2;
+ background-color: $osd_bg;
+ background-image: none;
+ color: $osd_fg;
+
+ .button { @include button($osd_bg, $osd_fg); }
+ }
+ }
+}
+
+
+/*************
+ ! Expanders *
+**************/
+
+@include exports("expander") {
+ GtkExpander {
+ padding: $spacing;
+ outline-offset: 1px;
+ }
+
+ .expander {
+ color: alpha(currentColor, .7);
+ border: alpha(currentColor, .7);
+
+ &:hover {
+ color: alpha(currentColor, .8);
+ border-color: alpha(currentColor, .8);
+ }
+
+ &:active {
+ color: alpha(currentColor, .9);
+ border-color: alpha(currentColor, .9);
+ }
+ }
+}
+
+
+/*******************
+ ! Symbolic images *
+********************/
+
+@include exports("symbolicimage") {
+ .image {
+ color: alpha(currentColor, .5);
+
+ &:hover { color: alpha(currentColor, .9); }
+
+ &:selected, &:selected:hover { color: $selected_fg_color; }
+ }
+}
+
+
+/****************
+ ! Floating bar *
+*****************/
+
+@include exports("floatingbar") {
+ .floating-bar {
+ @include linear-gradient($bg_color);
+
+ border: 1px solid border_normal($bg_color);
+ border-radius: $roundness;
+ color: $fg_color;
+
+ &.top {
+ border-top-width: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ }
+
+ &.right {
+ border-right-width: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ &.bottom {
+ border-bottom-width: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ &.left {
+ border-left-width: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+ }
+
+ .button {
+ -GtkButton-image-spacing: 0;
+ -GtkButton-inner-border: 0;
+
+ border: 0;
+ background-color: transparent;
+ background-image: none;
+ }
+ }
+}
+
+
+/*************************
+ ! Touch text selections *
+**************************/
+
+@include exports("touchbubble") {
+ GtkBubbleWindow {
+ border-radius: $roundness;
+ background-clip: border-box;
+
+ &.osd.background { background-color: $osd_bg; }
+
+ .toolbar { background-color: transparent; }
+ }
+}
+
+/***************
+ ! Font-viewer *
+****************/
+
+@include exports("fontviewer") {
+ SushiFontWidget {
+ padding: $spacing ($spacing * 2);
+ }
+}
+
+
+/*************
+ ! Gucharmap *
+**************/
+
+@include exports("charmap") {
+ GucharmapChartable {
+ background-color: $base_color;
+ color: $text_color;
+
+ &:focus, &:hover, &:active, &:selected { @extend %selected; }
+ }
+}
+
+
+/*************
+ ! Evolution *
+**************/
+
+@include exports("evolution") {
+ EPreviewPane .entry {
+ background-color: $base_color;
+ color: $text_color;
+ }
+}
+
+
+/*******************
+ ! Gnome Bluetooth *
+********************/
+
+@include exports("gnome-bluetooth") {
+ GtkEntry.entry.pin-entry {
+ font: regular 50;
+ padding-left: 25px;
+ padding-right: 25px;
+ }
+
+ GtkLabel.pin-label { font: regular 50; }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss
new file mode 100644
index 0000000..962d8c3
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss
@@ -0,0 +1,139 @@
+@import "button";
+
+
+/**********
+ ! Notebook
+***********/
+
+@include exports("notebook") {
+ .notebook {
+ padding: 0;
+ border-style: solid;
+ border-color: border_normal($bg_color);
+ border-radius: 0;
+ @include linear-gradient($bg_color);
+ background-clip: border-box;
+ color: $text_color;
+
+ -GtkNotebook-initial-gap: 0;
+ -GtkNotebook-arrow-spacing: 5;
+ -GtkNotebook-tab-curvature: 0;
+ -GtkNotebook-tab-overlap: 1;
+ -GtkNotebook-has-tab-gap: false;
+
+ &.frame {
+ &.top { border-width: 0 1px 1px; }
+
+ &.right { border-width: 1px 0 1px 1px; }
+
+ &.bottom { border-width: 1px 1px 0; }
+
+ &.left { border-width: 1px 1px 1px 0; }
+ }
+
+ &.header {
+ border-width: 2px;
+ background-color: transparent;
+ }
+
+ GtkViewport {
+ border-width: 0;
+ background-color: $base_color;
+ color: $text_color;
+ }
+
+ tab {
+ padding: ($spacing + 1px) ($spacing * 2);
+ border-style: solid;
+ border-color: border_normal(shade($bg_color, 0.80));
+ background-color: shade($bg_color, 0.80);
+ background-image: none;
+
+ &:active {
+ background-color: $bg_color;
+ background-image: none;
+ }
+
+ &.top {
+ border-width: 2px 1px 1px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+
+ &:active {
+ border-top-width: 3px;
+ border-top-color: $selected_bg_color;
+ border-bottom-width: 0;
+ }
+ }
+
+ &.right {
+ border-width: 1px 2px 1px 1px;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+
+ &:active {
+ border-right-width: 3px;
+ border-right-color: $selected_bg_color;
+ border-left-width: 0;
+ }
+ }
+
+
+ &.bottom {
+ border-width: 1px 1px 2px;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+
+ &:active {
+ border-bottom-width: 3px;
+ border-bottom-color: $selected_bg_color;
+ border-top-width: 0;
+ }
+ }
+
+ &.left {
+ border-width: 1px 1px 1px 2px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+
+ &:active {
+ border-left-width: 3px;
+ border-left-color: $selected_bg_color;
+ border-right-width: 0;
+ }
+ }
+
+ GtkLabel { color: mix($text_color, $base_color, .3); }
+
+ &.reorderable-page {
+ &:hover {
+ background-color: shade($base_color, .85);
+ border-left: 0;
+ border-right: 0;
+ /* using box shadows instead of borders due to slanted edges */
+ box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .7), inset -1px 0 shade($base_color, .7);
+ }
+
+ &:active {
+ background-color: shade($base_color, .9);
+ border-left: 0;
+ border-right: 0;
+ box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .75), inset -1px 0 shade($base_color, .75);
+ }
+ }
+
+ /* close button styling */
+ .button { @extend %close_button; }
+
+ }
+
+ .prelight-page {
+ &, GtkLabel { color: mix($text_color, $base_color, .15); }
+ }
+
+ .active-page {
+ &, GtkLabel { color: $text_color; }
+ }
+
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss
new file mode 100644
index 0000000..dcb4e74
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss
@@ -0,0 +1,132 @@
+@import "button";
+
+
+/*******
+ ! OSD *
+********/
+
+@include exports("osd") {
+ GtkOverlay.osd { background-color: transparent; }
+
+ .osd,
+ #XfceNotifyWindow {
+ &.background {
+ background-color: alpha($osd_bg, .8);
+ color: $osd_fg;
+ }
+
+ &.frame {
+ background-clip: border-box;
+ background-origin: border-box;
+ }
+
+ &.button, .button { @include button($osd_bg, $osd_fg); }
+
+
+ &.toolbar {
+ -GtkToolbar-button-relief: normal;
+
+ padding: $spacing;
+ border: 1px solid border_normal($osd_bg);
+ border-radius: $roundness;
+ background-color: $osd_bg;
+ background-image: none;
+ color: $osd_fg;
+
+ .separator { color: shade($osd_bg, ($contrast + .1)); }
+ }
+
+ /* used by gnome-settings-daemon's media-keys OSD */
+ &.trough { background-color: shade($osd_bg, .8); }
+
+ &.progressbar { background-color: $osd_fg; }
+
+ .scale {
+ &.slider {
+ @include linear-gradient(shade($osd_bg, 1.08));
+ @include border($osd_bg);
+
+ &:insensitive { @include linear-gradient(shade($osd_bg, .9)); }
+ }
+
+ &.trough {
+ border-color: shade($osd_bg, .8);
+ background-color: shade($osd_bg, 1.08);
+ background-image: none;
+
+ &.highlight {
+ border-color: $selected_bg_color;
+ background-color: $selected_bg_color;
+ background-image: none;
+ }
+
+ &:insensitive, &.highlight:insensitive {
+ border-color: shade($osd_bg, .85);
+ background-color: shade($osd_bg, .9);
+ background-image: none;
+ }
+ }
+ }
+
+ &.view, .view { background-color: $osd_bg; }
+
+ .scrollbar {
+ .trough { background-color: $osd_bg; }
+
+ .slider {
+ border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21);
+ border-radius: 0;
+ background-color: mix($osd_bg, $osd_fg, .21);
+
+ &:hover {
+ border-color: mix(shade($osd_bg, .87), $osd_fg, .31);
+ background-color: mix($osd_bg, $osd_fg, .31);
+ }
+
+ &:active {
+ border-color: shade($selected_bg_color, .9);
+ background-color: $selected_bg_color;
+ }
+ }
+ }
+
+ GtkIconView.cell {
+ &:selected, &:selected:focus {
+ background-color: transparent;
+ border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21);
+ border-radius: $roundness;
+ outline-color: transparent;
+ }
+ }
+
+ /* used by Documents */
+ .page-thumbnail {
+ border: 1px solid shade($osd_bg, .9);
+ /* when there's no pixbuf yet */
+ background-color: $osd_bg;
+ }
+ }
+
+ .osd GtkProgressBar, GtkProgressBar.osd {
+ -GtkProgressBar-xspacing: 0;
+ -GtkProgressBar-yspacing: 2px;
+ -GtkProgressBar-min-horizontal-bar-height: 2px;
+
+ padding: 0;
+
+ &.trough {
+ padding: 0;
+ border-style: none;
+ border-radius: 0;
+ background-image: none;
+ background-color: transparent;
+ }
+
+ &.progressbar {
+ border-style: none;
+ border-radius: 0;
+ background-color: $selected_bg_color;
+ background-image: none;
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss
new file mode 100644
index 0000000..9950eb1
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss
@@ -0,0 +1,119 @@
+@mixin overshoot($position, $type: normal, $color: $selected_bg_color) {
+ $_small_gradient_length: 5%;
+ $_big_gradient_length: 100%;
+
+ $_position: center top;
+ $_small_gradient_size: 100% $_small_gradient_length;
+ $_big_gradient_size: 100% $_big_gradient_length;
+
+ @if $position == bottom {
+ $_position: center bottom;
+ $_linear_gradient_direction: to top;
+ } @else if $position == right {
+ $_position: right center;
+ $_small_gradient_size: $_small_gradient_length 100%;
+ $_big_gradient_size: $_big_gradient_length 100%;
+ } @else if $position == left {
+ $_position: left center;
+ $_small_gradient_size: $_small_gradient_length 100%;
+ $_big_gradient_size: $_big_gradient_length 100%;
+ }
+
+ $_small_gradient_color: $color;
+ $_big_gradient_color: $color;
+
+ $_small_gradient: -gtk-gradient(radial,
+ $_position, 0,
+ $_position, .5,
+ to(alpha($_small_gradient_color, .35)),
+ to(alpha($_small_gradient_color, .25)));
+
+ $_big_gradient: -gtk-gradient(radial,
+ $_position, 0,
+ $_position, .6,
+ from(alpha($_big_gradient_color, .2)),
+ to(alpha($_big_gradient_color, 0)));
+
+ @if $type == normal {
+ background-image: $_small_gradient, $_big_gradient;
+ background-size: $_small_gradient_size, $_big_gradient_size;
+ } @else if $type == backdrop {
+ background-image: $_small_gradient;
+ background-size: $_small_gradient_size;
+ }
+
+ background-repeat: no-repeat;
+ background-position: $_position;
+
+ background-color: transparent; // reset some properties to be sure to not inherit them somehow
+ border: 0;
+ box-shadow: none;
+}
+
+@mixin undershoot($position) {
+ $_undershoot_color_dark: alpha($black, .2);
+ $_undershoot_color_light: alpha($white, .2);
+
+ $_gradient_dir: left;
+ $_dash_bg_size: 10px 1px;
+ $_gradient_repeat: repeat-x;
+ $_bg_pos: center $position;
+
+ background-color: transparent; // shouldn't be needed, but better to be sure;
+
+ @if ($position == left) or ($position == right) {
+ $_gradient_dir: top;
+ $_dash_bg_size: 1px 10px;
+ $_gradient_repeat: repeat-y;
+ $_bg_pos: $position center;
+ }
+
+ /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
+ $_undershoot_color_light 50%,
+ $_undershoot_color_dark 50%);*/
+
+ padding-#{$position}: 1px;
+ background-size: $_dash_bg_size;
+ background-repeat: $_gradient_repeat;
+ background-origin: content-box;
+ background-position: $_bg_pos;
+}
+
+// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries.
+// This draws a box on top of the content, the size changes programmatically.
+.overshoot {
+ &.top {
+ @include overshoot(top);
+
+ &:backdrop { @include overshoot(top, backdrop); }
+ }
+
+ &.bottom {
+ @include overshoot(bottom);
+
+ &:backdrop { @include overshoot(bottom, backdrop); }
+ }
+
+ &.left {
+ @include overshoot(left);
+
+ &:backdrop { @include overshoot(left, backdrop); }
+ }
+
+ &.right {
+ @include overshoot(right);
+
+ &:backdrop { @include overshoot(right, backdrop); }
+ }
+}
+
+// Overflow indication, works similarly to the overshoot, the size if fixed tho.
+.undershoot {
+ &.top { @include undershoot(top); }
+
+ &.bottom { @include undershoot(bottom); }
+
+ &.left { @include undershoot(left); }
+
+ &.right { @include undershoot(right); }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss
new file mode 100644
index 0000000..8a1ef11
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss
@@ -0,0 +1,182 @@
+/*****************
+ ! Progress bars *
+******************/
+
+@include exports("progressbar") {
+ GtkProgressBar {
+ padding: 0;
+ border-radius: $roundness;
+ font-size: smaller;
+ color: alpha($fg_color, .6);
+
+ -GtkProgressBar-min-horizontal-bar-height: 6;
+ -GtkProgressBar-min-vertical-bar-width: 6;
+
+ &.osd {
+ -GtkProgressBar-xspacing: 0;
+ -GtkProgressBar-yspacing: 0;
+ -GtkProgressBar-min-horizontal-bar-height: 3;
+ }
+
+ &.trough {
+ border: 1px solid alpha(border_normal($bg_color), .5);
+ background-color: shade($bg_color, 1.08);
+ background-image: none;
+ }
+ }
+
+ .progressbar {
+ @include linear-gradient($selected_bg_color);
+
+ border-radius: 0;
+ box-shadow: none;
+
+ &.left {
+ border-top-left-radius: $roundness;
+ border-bottom-left-radius: $roundness;
+ }
+
+ &.right {
+ border-top-right-radius: $roundness;
+ border-bottom-right-radius: $roundness;
+ }
+
+ &.left.right { box-shadow: none; }
+
+ &.vertical {
+ @include linear-gradient($selected_bg_color, to right);
+
+ &.bottom {
+ border-bottom-left-radius: $roundness;
+ border-bottom-right-radius: $roundness;
+ }
+
+ &.top {
+ border-top-left-radius: $roundness;
+ border-top-right-radius: $roundness;
+ }
+ }
+ }
+
+ GtkLevelBar {
+ -GtkLevelBar-min-block-width: 34;
+ -GtkLevelBar-min-block-height: 3;
+
+ &.vertical {
+ -GtkLevelBar-min-block-width: 3;
+ -GtkLevelBar-min-block-height: 34;
+ }
+ }
+
+ .level-bar {
+ &.trough {
+ @include linear-gradient(shade($bg_color, 1.08), to top);
+
+ border: 1px solid alpha(border_normal($bg_color), .5);
+ border-radius: $roundness;
+ }
+
+ &.fill-block {
+ @include linear-gradient($selected_bg_color);
+
+ // FIXME: it would be nice to set make fill blocks bigger, but we'd need
+ // :nth-child working on discrete indicators
+ border-color: transparent;
+ border-radius: 0;
+
+ &.indicator-discrete {
+ &.horizontal { margin-right: 1px; }
+
+ &.vertical { margin-bottom: 1px; }
+ }
+
+ &.level-high {
+ background-color: $success_color;
+ border-color: transparent;
+ }
+
+ &.level-low {
+ background-color: $warning_color;
+ border-color: transparent;
+ }
+
+ &.empty-fill-block {
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none;
+ }
+ }
+ }
+
+ .scale {
+ -GtkRange-slider-width: 16;
+ -GtkRange-trough-border: 1;
+ -GtkScale-slider-length: 16;
+
+ padding: 0;
+ border-width: 1px;
+ border-radius: $roundness;
+ outline-offset: -1px;
+
+
+ &.slider {
+ @include linear-gradient(shade($bg_color, 1.08));
+ @include border($bg_color);
+
+ border-radius: 8px;
+ border-width: 1px;
+ border-style: solid;
+ box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3);
+
+ &:insensitive { @include linear-gradient(shade($bg_color, .9)); }
+ }
+
+ &.fine-tune {
+ &, &.horizontal {
+ &:active, &:active:hover {
+ background-size: 50%;
+ background-repeat: no-repeat;
+ background-position: center;
+ }
+ }
+ }
+
+ &.mark { border-color: alpha(border_normal($bg_color), .5); }
+
+
+ &.trough {
+ @include linear-gradient(shade($bg_color, 1.08));
+
+ margin: 7px 0;
+ border: 1px solid alpha(border_normal($bg_color), .5);
+ border-radius: $roundness;
+
+ &:insensitive { @include linear-gradient(shade($bg_color, .9)); }
+
+ &.vertical { margin: 0 7px; }
+ }
+
+ &.highlight.left {
+ &, .memuitem & {
+ @include linear-gradient($selected_bg_color);
+ border-color: $selected_bg_color;
+
+ &:hover {
+ border-color: border_normal($selected_bg_color);
+ background-color: shade($selected_bg_color, .8);
+ }
+
+ &:insensitive {
+ @include linear-gradient(shade($bg_color, .9));
+ border-color: shade($bg_color, .85);
+ }
+ }
+ }
+
+ &.highlight.bottom {
+ @include linear-gradient($selected_bg_color);
+ border-color: $selected_bg_color;
+ }
+
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss
new file mode 100644
index 0000000..2d1af41
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss
@@ -0,0 +1,86 @@
+/***********
+ ! Scrollbar
+************/
+
+@include exports("scrollbar") {
+ * {
+ -GtkRange-slider-width: 8;
+ -GtkRange-stepper-spacing: 0;
+ -GtkRange-trough-border: 2;
+ -GtkRange-trough-under-steppers: 1;
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+ -GtkScrollbar-min-slider-length: 80;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkScrolledWindow-scrollbars-within-bevel: 1;
+ }
+
+ .scrollbar {
+ border: 0;
+ padding: 0;
+
+ &.button {
+ &, &:active, &:active:hover {
+ border-width: 0;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: none;
+ color: alpha($fg_color, .5);
+ }
+ }
+
+ &.slider, &.slider.vertical {
+ border: 0;
+ border-radius: $roundness;
+ background-color: mix($bg_color, $fg_color, 0.21);
+
+ &:hover { background-color: mix($bg_color, $fg_color, .31); }
+
+ &:active { background-color: $selected_bg_color; }
+
+ &.fine-tune:hover:active { border: 2px solid transparent; }
+ }
+
+ // overlay scrolling indicator
+ &.overlay-indicator {
+ &:not(.dragging):not(.hovering) {
+ opacity: .5;
+
+ -GtkRange-slider-width: 4px;
+
+ .slider {
+ margin: 0;
+ background-color: $fg_color;
+ background-clip: padding-box;
+ }
+
+ .trough {
+ border-style: none;
+ background-color: transparent;
+ }
+ }
+
+ &.dragging, &.hovering { opacity: .7; }
+ }
+ }
+
+ .scrollbars-junction,
+ .scrollbars-junction.frame,
+ .scrollbar.trough {
+ border: 0;
+ border-radius: 0;
+ background-color: $bg_color;
+ background-image: none;
+ }
+
+ // ubuntu overlay scrollbars
+ OsThumb, OsScrollbar {
+ color: shade($bg_color, .7);
+
+ &:selected { background-color: $selected_bg_color; }
+
+ &:active { background-color: $selected_bg_color; }
+
+ &:insensitive { background-color: shade($bg_color, .9); }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss
new file mode 100644
index 0000000..7ec5727
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss
@@ -0,0 +1,114 @@
+/*********
+ ! Sidebar
+**********/
+
+@include exports("sidebar") {
+ .sidebar {
+ &, &.view, .view, GtkScrolledWindow {
+ background-color: $bg_color;
+ color: mix($fg_color, $bg_color, .1);
+
+ &.separator {
+ &, &:hover, &:focus {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade($bg_color, .9);
+ color: shade($bg_color, .9);
+ }
+ }
+ }
+
+ row, .view row {
+ &:selected {
+ &, &:hover, &:focus {
+ border: 0;
+ background-image: none;
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ }
+
+ &:hover {
+ border: 0;
+ background-image: none;
+ background-color: shade($selected_bg_color, 1.05);
+ color: $selected_fg_color;
+ }
+ }
+
+ &:hover {
+ border: 0;
+ background-image: none;
+ background-color: shade($bg_color, 1.05);
+ }
+ }
+
+ .frame { border-width: 0; }
+
+ .sidebar-row {
+ padding: 1px;
+ }
+
+ .sidebar-icon {
+ padding-left: $spacing * 2;
+ padding-right: $spacing * 2;
+ }
+
+ GtkAssistant & {
+ padding: $spacing;
+ border-width: 0 1px 0 0;
+ border-style: solid;
+ border-right-color: border_normal($bg_color);
+ border-radius: 0;
+ background-color: $bg_color;
+ color: mix($fg_color, $bg_color, .1);
+
+ &:dir(ltr) { border-width: 0 1px 0 0; }
+
+ &:dir(rtl) { border-width: 0 0 0 1px; }
+
+ .label {
+ padding: $spacing ($spacing * 2);
+
+ &.highlight { background-color: mix($bg_color, $fg_color, .8); }
+ }
+
+ &.csd .sidebar { border-top-style: none; }
+
+ .highlight { font: bold; }
+ }
+ }
+}
+
+
+/******
+! Paned
+*******/
+
+@include exports("paned") {
+ GtkPaned {
+ -GtkPaned-handle-size: 1;
+ -gtk-icon-source: none;
+ margin: 0 $spacing;
+
+ &:dir(rtl) {
+ margin-right: 0;
+ margin-left: $spacing;
+ }
+
+ .pane-separator { background-color: shade($bg_color, .9); }
+
+ &.wide {
+ -GtkPaned-handle-size: 4;
+ margin: 0;
+
+ .pane-separator {
+ background-color: transparent;
+ border-style: none solid;
+ border-color: shade($bg_color, .9);
+ border-width: 1px;
+ }
+
+ &.vertical .pane-separator { border-style: solid none; }
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss
new file mode 100644
index 0000000..9c753f7
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss
@@ -0,0 +1,24 @@
+/*******************
+ ! Spinner animation
+********************/
+
+@include exports("spinner") {
+ @keyframes spin {
+ to { -gtk-icon-transform: rotate(1turn); }
+ }
+
+ .spinner {
+ background-image: none;
+ background-color: $selected_bg_color;
+ opacity: 0; // non spinning spinner makes no sense
+
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+
+ &:active {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+
+ &:insensitive { opacity: .5; }
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss
new file mode 100644
index 0000000..b85fef2
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss
@@ -0,0 +1,128 @@
+/***********************
+ ! Check and Radio items
+************************/
+
+$suffix: if($variant == "dark", "-dark", "");
+
+@mixin toggle($type) {
+ background-image: none;
+
+ -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.svg");
+
+ &:insensitive { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.svg"); }
+
+ &:checked, &:active {
+ -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.svg");
+
+ &:insensitive { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.svg"); }
+ }
+
+ &:inconsistent {
+ -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.svg");
+
+ &:insensitive { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.svg"); }
+ }
+
+ &.menuitem {
+ -gtk-icon-source: url("../assets/menuitem-#{$type}-unchecked.svg");
+
+ &:insensitive {
+ -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg");
+ }
+
+ &:checked, &:active {
+ -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.svg");
+
+ &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.svg"); }
+
+ &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); }
+ }
+
+ &:inconsistent {
+ -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.svg");
+
+ &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.svg"); }
+
+ &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.svg"); }
+ }
+ }
+}
+
+@include exports("checkradio") {
+ * {
+ -GtkCheckButton-indicator-size: 16;
+ -GtkCheckMenuItem-indicator-size: 16;
+ }
+
+ .radio { @include toggle("radio"); }
+
+ .check { @include toggle("checkbox"); }
+
+ //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) {
+ icon-shadow: none;
+ -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.svg");
+ background-color: transparent;
+ }
+ }
+}
+
+
+/********
+ ! Switch
+*********/
+
+@include exports("switch") {
+ GtkSwitch {
+ padding: 0;
+ border-radius: $roundness;
+ font: bold condensed;
+ outline-offset: -4px;
+
+ &.slider {
+ @include linear-gradient(shade($bg_color, 1.2));
+
+ border: 1px solid rgba(0, 0, 0, .2);
+ box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12);
+
+ &:insensitive {
+ border-color: rgba(0, 0, 0, .1);
+ background-color: shade($bg_color, .9);
+ box-shadow: none;
+ }
+ }
+
+ &.trough {
+ @include linear-gradient(shade($bg_color, .95), to top);
+
+ border: 1px solid border_normal($bg_color);
+ color: $fg_color;
+ box-shadow: inset 1px 0 alpha($dark_shadow, .07),
+ inset 0 1px alpha($dark_shadow, .08),
+ inset -1px 0 alpha($dark_shadow, .07),
+ inset 0 -1px alpha($dark_shadow, .05);
+
+ &:active {
+ @include linear-gradient($selected_bg_color, to top);
+
+ border-color: shade($selected_bg_color, .9);
+ color: $selected_fg_color;
+ }
+
+ &:insensitive {
+ @include linear-gradient(shade($bg_color, .9), to top);
+
+ border-color: border_insensitive($bg_color);
+ color: mix($fg_color, $bg_color, .5);
+ }
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss
new file mode 100644
index 0000000..362ade4
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss
@@ -0,0 +1,132 @@
+@import "button";
+
+
+/*********
+ ! Toolbar
+**********/
+
+@mixin toolbar($bg, $fg) {
+ @include linear-gradient($bg);
+ @include border($bg);
+
+ padding: $spacing * 2;
+ color: $fg;
+
+ &:insensitive {
+ @include linear-gradient(shade($bg, .9));
+
+ color: mix($fg, $bg, .5);
+ }
+
+ .title {
+ font: bold;
+ padding: 0 ($spacing * 2);
+ }
+
+ .subtitle {
+ font: smaller;
+ padding: 0 ($spacing * 2);
+ }
+
+ .button { @include button($header_button_bg_color, $header_button_fg_color); }
+
+ .button.linked, .linked .button { @include linked_button($header_button_bg_color); }
+
+ GtkComboBox, .button {
+ padding: $spacing - 1px;
+
+ &.text-button { padding: $spacing; }
+
+ &.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; }
+ }
+
+ GtkSeparatorToolItem, .separator, .separator:insensitive {
+ color: shade($bg, ($contrast + .1));
+ border-color: currentColor;
+
+ -GtkWidget-window-dragging: true;
+ }
+
+ .menubar { -GtkToolbar-button-relief: normal; }
+}
+
+@include exports("toolbar") {
+ .toolbar {
+ @include toolbar($bg_color, $fg_color);
+
+ padding: 2px;
+ border-style: none;
+
+ &.inline-toolbar {
+ background-image: none;
+ background-color: transparent;
+ }
+ GtkToolButton:insensitive GtkButton:insensitive,
+ GtkToolButton:insensitive GtkButton:insensitive.button,
+ GtkToolButton:insensitive GtkButton:insensitive.flat.button {
+ background-color: $bg_color;
+ }
+ }
+
+ .header-bar {
+ @include toolbar($titlebar_bg_color, $titlebar_fg_color);
+
+ border-width: 0 0 1px;
+ border-style: solid;
+ .button {
+ color: $header_button_fg_color;
+ }
+ }
+
+ .titlebar {
+ @include linear-gradient($titlebar_bg_color);
+
+ border-radius: $roundness $roundness 0 0;
+ color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
+
+ &:backdrop {
+ @include linear-gradient($titlebar_bg_color);
+
+ color: mix($titlebar_fg_color, $titlebar_bg_color, .6);
+ text-shadow: none;
+ }
+
+ &.default-decoration {
+ border: 0;
+ box-shadow: none;
+ }
+
+ .tiled &, .maximized & { border-radius: 0; }
+
+ .title { font: bold; }
+
+ .titlebutton {
+ padding: $spacing;
+ border: 0;
+ background-image: none;
+ background-color: transparent;
+ color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
+ box-shadow: none;
+
+ &:hover, &:hover:focus {
+ background-image: none;
+ background-color: transparent;
+ color: $selected_bg_color;
+ box-shadow: none;
+ }
+
+ &:active, &:active:hover {
+ background-image: none;
+ background-color: transparent;
+ color: shade($selected_bg_color, .9);
+ box-shadow: none;
+ }
+
+ &:backdrop {
+ background: none;
+ color: mix($titlebar_fg_color, $titlebar_bg_color, .6);
+ icon-shadow: none;
+ }
+ }
+ }
+}
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss
new file mode 100644
index 0000000..bfa33dc
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss
@@ -0,0 +1,233 @@
+/***************
+ ! Generic views
+****************/
+
+@include exports("view") {
+ * { -GtkTextView-error-underline-color: $error_color; }
+
+ .view {
+ color: $text_color;
+ background-color: $base_color;
+
+ &:insensitive, &:insensitive:insensitive {
+ background-color: shade($base_color, .9);
+ color: mix($text_color, $base_color, .5);
+ }
+
+ &:selected, &:selected:focus { @extend %selected; }
+ }
+
+ .cell {
+ border-width: 0;
+ border-radius: 0;
+
+ &:selected, &:selected:focus {
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ }
+ }
+
+ row {
+ &:selected {
+ &, &:hover, &:focus {
+ -GtkWidget-focus-padding: 1;
+ -GtkWidget-focus-line-width: 0;
+
+ border: 0;
+ background-color: $selected_bg_color;
+ background-image: none;
+ color: $selected_fg_color;
+ }
+ }
+ }
+
+ .content-view {
+ &.view {
+ background-color: $base_color;
+
+ &:hover { background-color: alpha($selected_bg_color, .6); }
+
+ &:selected, &:active { background-color: $selected_bg_color; }
+
+ &:insensitive { background-color: shade($base_color, .9); }
+
+ &.check {
+ &, &:active, &:hover, &:insensitive, &:selected { background-color: transparent; }
+ }
+ }
+
+ .subtitle {
+ font: smaller;
+ padding: 0 12px;
+ }
+ }
+
+ GtkIconView {
+ &.content-view.check { @extend .content-view.check; }
+
+ &.view.cell {
+ &:selected, &:selected:focus {
+ border: 0;
+ border-radius: 2px;
+ background-image: none;
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ }
+ }
+ }
+
+ .dim-label {
+ &, &.view { color: alpha(currentColor, .5); }
+ }
+
+ .dnd { border: 1px solid $selected_bg_color; }
+
+ .grip { background-color: transparent; }
+
+ .arrow { color: alpha(currentColor, .7); }
+
+ .rubberband {
+ &, &.view, &.content-view.view {
+ border: 1px solid $selected_bg_color;
+ border-radius: 0;
+ background-color: alpha($selected_bg_color, .3);
+ }
+ }
+
+ GdMainIconView.content-view { -GdMainIconView-icon-size: 40; }
+
+ /* this will get overridden by .view, needed by gedit line numbers */
+ GtkTextView { background-color: mix($bg_color, $base_color, .5); }
+
+ GtkHTML {
+ @extend .view;
+
+ &:insensitive { background-color: shade($base_color, .9); }
+ }
+
+ GtkDrawingArea { background-color: transparent; }
+}
+
+/************
+ ! Treeview *
+*************/
+
+@include exports("treeview") {
+ GtkTreeView {
+ -GtkTreeView-expander-size: 8;
+ -GtkTreeView-vertical-separator: 0;
+
+ outline-offset: -1px;
+ border-top-color: shade($menu_bg_color, ($contrast + .1));
+
+ &:hover, &:selected, &:selected:focus, &:backdrop:selected, &:backdrop:selected:focus { border-top-color: $selected_bg_color; }
+
+ &.dnd { border: 1px solid $selected_bg_color; }
+
+ .entry {
+ border-radius: 0;
+ background-color: $base_color;
+ background-image: none;
+ }
+
+ .progressbar {
+ @include linear-gradient($selected_bg_color);
+ border: 1px solid border_normal($selected_bg_color);
+
+ &:selected {
+ &:focus, & {
+ @include linear-gradient($selected_bg_color);
+ border: 1px solid border_focus($selected_bg_color);
+ color: $selected_fg_color;
+ }
+ }
+
+ &:insensitive {
+ &:insensitive {
+ @include linear-gradient($bg_color);
+ border-color: border_insensitive($bg_color);
+ }
+ }
+ }
+
+ .trough {
+ background-color: mix($bg_color, $base_color, .5);
+ border: 1px solid border_normal($base_color);
+
+ &:selected {
+ &:focus, & {
+ background-color: $base_color;
+ border: 1px solid border_focus($bg_color);
+ color: $text_color;
+ }
+ }
+
+ &:insensitive {
+ &:insensitive {
+ background-color: $base_color;
+ }
+ }
+ }
+ }
+}
+
+
+/***********
+ ! Separator
+************/
+
+@include exports("separator") {
+ .view.separator, .separator {
+ color: shade($bg_color, ($contrast + .1));
+ border: 1px solid currentColor;
+ }
+}
+
+
+/*********************
+ ! Column view headers
+**********************/
+
+@include exports("columnheader") {
+ column-header {
+ .button {
+ &, &:active {
+ border-width: 0 1px 1px 0;
+ border-radius: 0;
+ }
+
+ &, &:active, &:focus, &:active:focus {
+ border-color: shade($base_color, .9);
+ border-bottom-color: shade($base_color, .8);
+ background-color: shade($base_color, .97);
+ background-image: none;
+ }
+
+ &:hover, &:active:hover, &:hover:focus, &:active:hover:focus {
+ border-color: shade($base_color, .9);
+ border-bottom-color: shade($base_color, .8);
+ background-color: shade($base_color, .99);
+ background-image: none;
+ }
+
+ &:last-child .button { border-width: 0 0 1px; }
+ }
+ }
+}
+
+
+/**********
+ ! Frames *
+***********/
+
+@include exports("frame") {
+ .frame {
+ border: 1px solid border_normal($bg_color);
+
+ &.flat { border: 0; }
+ }
+
+ /* avoid double borders when a viewport is packed into a GtkScrolledWindow */
+ GtkScrolledWindow GtkViewport.frame { border: 0; }
+}
+
diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss
new file mode 100644
index 0000000..7742fbb
--- /dev/null
+++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss
@@ -0,0 +1,60 @@
+/**************
+ ! Window frame
+***************/
+
+@include exports("window") {
+ %window {
+ box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22),
+ 0 0 0 1px $wm_border_focused;
+
+ &:backdrop {
+ box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23),
+ 0 0 0 1px $wm_border_unfocused;
+ }
+ }
+
+ .window-frame {
+ @extend %window;
+
+ border: 0;
+ border-radius: $roundness $roundness 0 0;
+ background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
+ /* this is used for the resize cursor area */
+ margin: $spacing * 3;
+
+ &.tiled { border-radius: 0; }
+
+ &.solid-csd {
+ border-radius: $roundness $roundness 0 0;
+ margin: 1px;
+ background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
+ box-shadow: none;
+ }
+
+ &.csd {
+ &.popup {
+ @extend %window;
+
+ border-radius: 0;
+ }
+
+ &.tooltip {
+ border-radius: $roundness;
+ box-shadow: none;
+ }
+
+ &.message-dialog {
+ @extend %window;
+
+ border-radius: $roundness;
+ }
+ }
+
+ &.ssd {
+ // Fixed gtk-3.18 Unity bug (https://github.com/numixproject/numix-gtk-theme/issues/270)
+ box-shadow: 0 0 0 1px $wm_border_focused;
+
+ &.maximized { border-radius: 0; }
+ }
+ }
+}