mirror of
https://github.com/encounter/numix-blue-gtk-theme.git
synced 2026-07-10 12:18:49 -07:00
Add support (beta) for gtk 3.20.
This commit is contained in:
Dustin Falgout
@@ -4,15 +4,20 @@ GLIB_COMPILE_RESOURCES=glib-compile-resources
|
||||
RES_DIR=gtk-3.0
|
||||
SCSS_DIR=$(RES_DIR)/scss
|
||||
DIST_DIR=$(RES_DIR)/dist
|
||||
RES_DIR320=gtk-3.20
|
||||
SCSS_DIR320=$(RES_DIR320)/scss
|
||||
DIST_DIR320=$(RES_DIR320)/dist
|
||||
INSTALL_DIR=$(DESTDIR)/usr/share/themes/Numix
|
||||
|
||||
all: clean gresource
|
||||
|
||||
css:
|
||||
$(SASS) --update $(SASSFLAGS) $(SCSS_DIR):$(DIST_DIR)
|
||||
$(SASS) --update $(SASSFLAGS) $(SCSS_DIR320):$(DIST_DIR320)
|
||||
|
||||
gresource: css
|
||||
$(GLIB_COMPILE_RESOURCES) --sourcedir=$(RES_DIR) $(RES_DIR)/gtk.gresource.xml
|
||||
$(GLIB_COMPILE_RESOURCES) --sourcedir=$(RES_DIR320) $(RES_DIR320)/gtk.gresource.xml
|
||||
|
||||
watch: clean
|
||||
while true; do \
|
||||
@@ -23,6 +28,8 @@ watch: clean
|
||||
clean:
|
||||
rm -rf $(DIST_DIR)
|
||||
rm -f $(RES_DIR)/gtk.gresource
|
||||
rm -rf $(DIST_DIR320)
|
||||
rm -f $(RES_DIR320)/gtk.gresource
|
||||
|
||||
install: all
|
||||
install -d -m755 $(INSTALL_DIR)
|
||||
|
||||
Symlink
+1
@@ -0,0 +1 @@
|
||||
../gtk-3.0/assets
|
||||
Executable
+1
@@ -0,0 +1 @@
|
||||
@import url("resource:///org/numixproject/gtk-3.20/dist/gtk-dark.css");
|
||||
@@ -0,0 +1,67 @@
|
||||
/*******************
|
||||
* check and radio *
|
||||
*******************/
|
||||
/* draw regular check and radio items using our assets */
|
||||
.check {
|
||||
-gtk-icon-source: url("assets/checkbox-unchecked-dark.svg");
|
||||
}
|
||||
|
||||
.check:insensitive {
|
||||
-gtk-icon-source: url("assets/checkbox-unchecked-insensitive-dark.svg");
|
||||
}
|
||||
|
||||
.check:checked {
|
||||
-gtk-icon-source: url("assets/checkbox-checked-dark.svg");
|
||||
}
|
||||
|
||||
.check:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/checkbox-checked-insensitive-dark.svg");
|
||||
}
|
||||
|
||||
.check:inconsistent {
|
||||
-gtk-icon-source: url("assets/checkbox-mixed-dark.svg");
|
||||
}
|
||||
|
||||
.check:inconsistent:insensitive {
|
||||
-gtk-icon-source: url("assets/checkbox-mixed-insensitive-dark.svg");
|
||||
}
|
||||
|
||||
.radio {
|
||||
-gtk-icon-source: url("assets/radio-unselected-dark.svg");
|
||||
}
|
||||
|
||||
.radio:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-unselected-insensitive-dark.svg");
|
||||
}
|
||||
|
||||
.radio:checked {
|
||||
-gtk-icon-source: url("assets/radio-selected-dark.svg");
|
||||
}
|
||||
|
||||
.radio:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-selected-insensitive-dark.svg");
|
||||
}
|
||||
|
||||
.radio:inconsistent {
|
||||
-gtk-icon-source: url("assets/radio-mixed-dark.svg");
|
||||
}
|
||||
|
||||
.radio:inconsistent:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-mixed-insensitive-dark.svg");
|
||||
}
|
||||
|
||||
.menuitem.check {
|
||||
-gtk-icon-source: none;
|
||||
}
|
||||
|
||||
.menuitem.radio {
|
||||
-gtk-icon-source: none;
|
||||
}
|
||||
|
||||
GtkIconView.content-view.cell.check {
|
||||
-gtk-icon-source: url("assets/grid-selection-unchecked-dark.svg");
|
||||
}
|
||||
|
||||
GtkIconView.content-view.cell.check:active {
|
||||
-gtk-icon-source: url("assets/grid-selection-checked-dark.svg");
|
||||
}
|
||||
@@ -0,0 +1,154 @@
|
||||
/*******************
|
||||
* check and radio *
|
||||
*******************/
|
||||
/* draw regular check and radio items using our assets */
|
||||
.check {
|
||||
-gtk-icon-source: url("assets/checkbox-unchecked.svg");
|
||||
}
|
||||
|
||||
.check:insensitive {
|
||||
-gtk-icon-source: url("assets/checkbox-unchecked-insensitive.svg");
|
||||
}
|
||||
|
||||
.check:checked {
|
||||
-gtk-icon-source: url("assets/checkbox-checked.svg");
|
||||
}
|
||||
|
||||
.check:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/checkbox-checked-insensitive.svg");
|
||||
}
|
||||
|
||||
.check:inconsistent {
|
||||
-gtk-icon-source: url("assets/checkbox-mixed.svg");
|
||||
}
|
||||
|
||||
.check:inconsistent:insensitive {
|
||||
-gtk-icon-source: url("assets/checkbox-mixed-insensitive.svg");
|
||||
}
|
||||
|
||||
.radio {
|
||||
-gtk-icon-source: url("assets/radio-unselected.svg");
|
||||
}
|
||||
|
||||
.radio:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-unselected-insensitive.svg");
|
||||
}
|
||||
|
||||
.radio:checked {
|
||||
-gtk-icon-source: url("assets/radio-selected.svg");
|
||||
}
|
||||
|
||||
.radio:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-selected-insensitive.svg");
|
||||
}
|
||||
|
||||
.radio:inconsistent {
|
||||
-gtk-icon-source: url("assets/radio-mixed.svg");
|
||||
}
|
||||
|
||||
.radio:inconsistent:insensitive {
|
||||
-gtk-icon-source: url("assets/radio-mixed-insensitive.svg");
|
||||
}
|
||||
|
||||
.menuitem.check {
|
||||
-gtk-icon-source: none;
|
||||
}
|
||||
|
||||
.menuitem.check:active,
|
||||
.menuitem.check:checked {
|
||||
-gtk-icon-source: url("assets/menuitem-checkbox-checked.svg");
|
||||
}
|
||||
|
||||
.menuitem.check:active:hover,
|
||||
.menuitem.check:checked:hover {
|
||||
-gtk-icon-source: url("assets/menuitem-checkbox-checked-hover.svg");
|
||||
}
|
||||
|
||||
.menuitem.check:active:insensitive,
|
||||
.menuitem.check:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/menuitem-checkbox-checked-insensitive.svg");
|
||||
}
|
||||
|
||||
.menuitem.check:inconsistent:hover,
|
||||
.menuitem.radio:inconsistent:hover {
|
||||
-gtk-icon-source: url("assets/menuitem-checkbox-mixed-hover.svg");
|
||||
}
|
||||
|
||||
.menuitem.check:inconsistent,
|
||||
.menuitem.radio:inconsistent {
|
||||
-gtk-icon-source: url("assets/menuitem-checkbox-mixed.svg");
|
||||
}
|
||||
|
||||
.menuitem.check:inconsistent:insensitive,
|
||||
.menuitem.radio:inconsistent:insensitive {
|
||||
-gtk-icon-source: url("assets/menuitem-checkbox-mixed-insensitive.svg");
|
||||
}
|
||||
|
||||
.menuitem.radio {
|
||||
-gtk-icon-source: none;
|
||||
}
|
||||
|
||||
.menuitem.radio:active,
|
||||
.menuitem.radio:checked {
|
||||
-gtk-icon-source: url("assets/menuitem-radio-checked.svg");
|
||||
}
|
||||
|
||||
.menuitem.radio:active:hover,
|
||||
.menuitem.radio:checked:hover {
|
||||
-gtk-icon-source: url("assets/menuitem-radio-checked-hover.svg");
|
||||
}
|
||||
|
||||
.menuitem.radio:active:insensitive,
|
||||
.menuitem.radio:checked:insensitive {
|
||||
-gtk-icon-source: url("assets/menuitem-radio-checked-insensitive.svg");
|
||||
}
|
||||
|
||||
GtkIconView.content-view.cell.check {
|
||||
-gtk-icon-source: url("assets/grid-selection-unchecked.svg");
|
||||
}
|
||||
|
||||
GtkIconView.content-view.cell.check:active {
|
||||
-gtk-icon-source: url("assets/grid-selection-checked.svg");
|
||||
}
|
||||
|
||||
/******************
|
||||
* pane separator *
|
||||
******************/
|
||||
.pane-separator,
|
||||
.pane-separator.horizontal {
|
||||
background-image: linear-gradient(to bottom,
|
||||
shade(@theme_bg_color, 0.8) 0%,
|
||||
shade(@theme_bg_color, 0.8) 20%,
|
||||
transparent 20%,
|
||||
transparent 45%,
|
||||
shade(@theme_bg_color, 0.8) 45%,
|
||||
shade(@theme_bg_color, 0.8) 55%,
|
||||
transparent 55%,
|
||||
transparent 80%,
|
||||
shade(@theme_bg_color, 0.8) 80%,
|
||||
shade(@theme_bg_color, 0.8)
|
||||
);
|
||||
|
||||
background-size: 4px 10px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.pane-separator.vertical {
|
||||
background-image: linear-gradient(to right,
|
||||
shade(@theme_bg_color, 0.8) 0%,
|
||||
shade(@theme_bg_color, 0.8) 20%,
|
||||
transparent 20%,
|
||||
transparent 45%,
|
||||
shade(@theme_bg_color, 0.8) 45%,
|
||||
shade(@theme_bg_color, 0.8) 55%,
|
||||
transparent 55%,
|
||||
transparent 80%,
|
||||
shade(@theme_bg_color, 0.8) 80%,
|
||||
shade(@theme_bg_color, 0.8)
|
||||
);
|
||||
|
||||
background-size: 10px 4px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Executable
+1
@@ -0,0 +1 @@
|
||||
@import url("resource:///org/numixproject/gtk-3.20/dist/gtk.css");
|
||||
@@ -0,0 +1,44 @@
|
||||
<?xml version='1.0' encoding='UTF-8'?>
|
||||
<gresources>
|
||||
<gresource prefix='/org/numixproject/gtk-3.20'>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-checked-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-checked-insensitive-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-checked-insensitive.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-checked.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-mixed-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-mixed-insensitive-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-mixed-insensitive.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-mixed.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-unchecked-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-unchecked-insensitive-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-unchecked-insensitive.png</file>
|
||||
<file preprocess='to-pixdata'>assets/checkbox-unchecked.png</file>
|
||||
<file preprocess='to-pixdata'>assets/grid-selection-checked-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/grid-selection-checked.png</file>
|
||||
<file preprocess='to-pixdata'>assets/grid-selection-unchecked-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/grid-selection-unchecked.png</file>
|
||||
<file preprocess='to-pixdata'>assets/menuitem-checkbox-checked-hover.png</file>
|
||||
<file preprocess='to-pixdata'>assets/menuitem-checkbox-checked-insensitive.png</file>
|
||||
<file preprocess='to-pixdata'>assets/menuitem-checkbox-checked.png</file>
|
||||
<file preprocess='to-pixdata'>assets/menuitem-checkbox-mixed-hover.png</file>
|
||||
<file preprocess='to-pixdata'>assets/menuitem-checkbox-mixed-insensitive.png</file>
|
||||
<file preprocess='to-pixdata'>assets/menuitem-checkbox-mixed.png</file>
|
||||
<file preprocess='to-pixdata'>assets/menuitem-radio-checked-hover.png</file>
|
||||
<file preprocess='to-pixdata'>assets/menuitem-radio-checked-insensitive.png</file>
|
||||
<file preprocess='to-pixdata'>assets/menuitem-radio-checked.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-checked-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-checked-insensitive-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-checked-insensitive.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-checked.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-mixed-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-mixed-insensitive-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-mixed-insensitive.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-mixed.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-unchecked-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-unchecked-insensitive-dark.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-unchecked-insensitive.png</file>
|
||||
<file preprocess='to-pixdata'>assets/radio-unchecked.png</file>
|
||||
<file>dist/gtk.css</file>
|
||||
<file>dist/gtk-dark.css</file>
|
||||
</gresource>
|
||||
</gresources>
|
||||
Executable
+73
@@ -0,0 +1,73 @@
|
||||
@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;
|
||||
@define-color borders #{"" + $borders_color};
|
||||
@define-color unfocused_borders #{"" + $backdrop_borders_color};
|
||||
|
||||
|
||||
@define-color insensitive_bg_color #{"" + $insensitive_bg_color};
|
||||
@define-color insensitive_fg_color #{"" + $insensitive_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};
|
||||
Executable
+79
@@ -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); }
|
||||
|
||||
&:disabled { border-color: border_insensitive($color); }
|
||||
|
||||
&:active:disabled, &:checked:disabled { border-color: border_normal($color); }
|
||||
}
|
||||
Executable
+111
@@ -0,0 +1,111 @@
|
||||
|
||||
@import "functions";
|
||||
|
||||
// default color scheme
|
||||
$bg_color: if($variant == "dark", #444, #eee);
|
||||
$fg_color: if($variant == "dark", #ddd, #555);
|
||||
$base_color: if($variant == "dark", #333, #fff);
|
||||
$text_color: if($variant == "dark", #eee, #333);
|
||||
$selected_bg_color: #f0544c;
|
||||
$selected_fg_color: #fff;
|
||||
$tooltip_bg_color: #444;
|
||||
$tooltip_fg_color: #eee;
|
||||
|
||||
$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));
|
||||
$borders_color: if($variant == 'light', darken($bg_color, 15%), darken($bg_color, 12%));
|
||||
$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93));
|
||||
|
||||
// dark colors
|
||||
$dark_bg_color: #444;
|
||||
$dark_fg_color: #eee;
|
||||
|
||||
// shadows
|
||||
$dark_shadow: #000;
|
||||
$light_shadow: #fff;
|
||||
|
||||
// white and black
|
||||
$black: #000;
|
||||
$white: #fff;
|
||||
|
||||
$button_border: shade($base_color, .9);
|
||||
$entry_border: alpha($dark_shadow, .06);
|
||||
|
||||
$scrollbar_bg_color: if($variant == 'light', darken($bg_color, 5%), mix($base_color, $bg_color, .4));
|
||||
$scrollbar_slider_color: shade($bg_color, .5);
|
||||
$scrollbar_slider_hover_color: shade($bg_color, .3);
|
||||
$scrollbar_slider_active_color: if($variant == 'light', darken($selected_bg_color, 5%), lighten($selected_bg_color, 10%));
|
||||
|
||||
// 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: #3f51b5;
|
||||
$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: transparent;
|
||||
$wm_border_unfocused: transparent;
|
||||
$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);
|
||||
|
||||
//insensitive state derived colors
|
||||
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
|
||||
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
|
||||
$insensitive_borders_color: $borders_color;
|
||||
|
||||
//colors for the backdrop state, derived from the main colors.
|
||||
$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%));
|
||||
$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
|
||||
$backdrop_bg_color: $bg_color;
|
||||
$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
|
||||
$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%));
|
||||
$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color);
|
||||
$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
|
||||
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
|
||||
$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%);
|
||||
|
||||
$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%);
|
||||
$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%);
|
||||
|
||||
$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%));
|
||||
|
||||
// widget styles
|
||||
$roundness: 2px;
|
||||
$spacing: 5px;
|
||||
$gradient: 0;
|
||||
$contrast: .8;
|
||||
Executable
+37
@@ -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";
|
||||
@@ -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;
|
||||
-gtk-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;
|
||||
}
|
||||
|
||||
statusbar { border-top: 1px solid border_normal($bg_color); }
|
||||
|
||||
statusbar 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);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
/**********************
|
||||
! Genome Terminal *
|
||||
***********************/
|
||||
|
||||
@include exports("gnome-terminal") {
|
||||
//noinspection ScssLintInspection,ScssLintInspection
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
-gtk-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);
|
||||
-gtk-icon-shadow: 0 1px alpha($black, .5);
|
||||
|
||||
*:hover { color: $white; }
|
||||
|
||||
&:hover {
|
||||
border-style: none;
|
||||
background-color: alpha($white, .2);
|
||||
background-image: none;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&:disabled { 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; }
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
/************
|
||||
! Nautilus *
|
||||
*************/
|
||||
|
||||
@include exports("nautilus") {
|
||||
.nautilus-desktop * {
|
||||
color: $white;
|
||||
text-shadow: 1px 1px $black;
|
||||
|
||||
&:active { color: $fg_color; }
|
||||
|
||||
&:selected { color: $selected_fg_color; }
|
||||
|
||||
&:active, &:hover, &:selected { text-shadow: none; }
|
||||
}
|
||||
|
||||
.nautilus-window {
|
||||
toolbar {
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: border_normal($toolbar_bg_color);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border: none;
|
||||
frame { border: 0; }
|
||||
}
|
||||
|
||||
paned {
|
||||
border-width: 0 1px 0 0;
|
||||
border-style: solid;
|
||||
|
||||
&, &:hover {
|
||||
border-color: shade($bg_color, ($contrast + .1));
|
||||
background-color: $bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
notebook {
|
||||
border: none;
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,153 @@
|
||||
/********
|
||||
! Nemo *
|
||||
*********/
|
||||
|
||||
@include exports("nemo") {
|
||||
.nemo-desktop, .nemo-desktop * {
|
||||
color: $white;
|
||||
text-shadow: 1px 1px $black;
|
||||
background: transparent;
|
||||
border: none;
|
||||
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&:selected {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
|
||||
&:active, &:hover, &:selected {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nemo-pathbar {
|
||||
@include button($toolbar_bg_color, $toolbar_fg_color);
|
||||
-NemoPathbarButton-border-radius: $roundness;
|
||||
}
|
||||
|
||||
.nemo-window {
|
||||
toolbar {
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: border_normal($toolbar_bg_color);
|
||||
}
|
||||
|
||||
> grid widget:last-child {
|
||||
border-top-style: solid;
|
||||
border-top-color: border_normal($toolbar_bg_color);
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
menubar menuitem {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.sidebar .view {
|
||||
-NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8);
|
||||
-NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color;
|
||||
-NemoPlacesTreeView-disk-full-bar-width: 2px;
|
||||
-NemoPlacesTreeView-disk-full-bar-radius: 1px;
|
||||
-NemoPlacesTreeView-disk-full-bottom-padding: 0px;
|
||||
-NemoPlacesTreeView-disk-full-max-length: 75px;
|
||||
|
||||
&:selected {
|
||||
-NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color;
|
||||
-NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar frame {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
statusbar {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sidebar image {
|
||||
padding-left: $spacing;
|
||||
padding-right: $spacing;
|
||||
}
|
||||
|
||||
paned {
|
||||
border-width: 0 1px 0 0;
|
||||
border-style: solid;
|
||||
|
||||
&, &:hover {
|
||||
border-color: shade($bg_color, ($contrast + .1));
|
||||
background-color: $bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
notebook {
|
||||
border-width: 0;
|
||||
|
||||
tabs {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
toolbar {
|
||||
button {
|
||||
@include button($bg_color, $fg_color);
|
||||
}
|
||||
|
||||
button.linked, .linked .button {
|
||||
@include linked_button($bg_color);
|
||||
}
|
||||
|
||||
combobox button {
|
||||
padding: $spacing - 1px;
|
||||
|
||||
&.text-button {
|
||||
padding: $spacing;
|
||||
}
|
||||
|
||||
&.image-button {
|
||||
padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing;
|
||||
}
|
||||
}
|
||||
|
||||
separator, separator:disabled {
|
||||
color: shade($bg_color, ($contrast + .1));
|
||||
border-color: currentColor;
|
||||
-GtkWidget-window-dragging: true;
|
||||
}
|
||||
|
||||
&.primary-toolbar button {
|
||||
padding: 5px 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
NemoQueryEditor {
|
||||
toolbar {
|
||||
padding-top: $spacing - 3px;
|
||||
padding-bottom: $spacing - 4px;
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -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; }
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
/***********************
|
||||
! 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: 7px;
|
||||
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 {
|
||||
padding: 5px;
|
||||
background: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user