Merge commit '3467848945c344f43ec6ae0e9e4c3d748d83a2c6'
Satyajit Sahoo
commit
e002a58f24
|
|
@ -0,0 +1,29 @@
|
||||||
|
# EditorConfig helps developers define and maintain consistent
|
||||||
|
# coding styles between different editors and IDEs
|
||||||
|
# editorconfig.org
|
||||||
|
|
||||||
|
root = true
|
||||||
|
|
||||||
|
|
||||||
|
[*]
|
||||||
|
|
||||||
|
# change these settings to your own preference
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 4
|
||||||
|
|
||||||
|
# we recommend you to keep these unchanged
|
||||||
|
end_of_line = lf
|
||||||
|
charset = utf-8
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
|
|
||||||
|
[*.yml]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
|
||||||
|
[Makefile]
|
||||||
|
indent_style = tab
|
||||||
|
indent_size = 4
|
||||||
|
|
@ -1,2 +1,7 @@
|
||||||
# Ignore Backup Copies from Text Editor
|
# Ignore Backup Copies from Text Editor
|
||||||
*~
|
*~
|
||||||
|
|
||||||
|
# Ignore SASS files
|
||||||
|
.sass-cache
|
||||||
|
gtk.gresource
|
||||||
|
dist
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
scss:
|
||||||
|
config_file: .scss-lint.yml
|
||||||
|
|
@ -0,0 +1,193 @@
|
||||||
|
linters:
|
||||||
|
|
||||||
|
BangFormat:
|
||||||
|
enabled: true
|
||||||
|
space_before_bang: true
|
||||||
|
space_after_bang: false
|
||||||
|
|
||||||
|
BorderZero:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
ColorKeyword:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
ColorVariable:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
Comment:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
DebugStatement:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
DeclarationOrder:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
DisableLinterReason:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
DuplicateProperty:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
ElsePlacement:
|
||||||
|
enabled: true
|
||||||
|
style: same_line
|
||||||
|
|
||||||
|
EmptyLineBetweenBlocks:
|
||||||
|
enabled: true
|
||||||
|
ignore_single_line_blocks: false
|
||||||
|
|
||||||
|
EmptyRule:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
ExtendDirective:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
FinalNewline:
|
||||||
|
enabled: true
|
||||||
|
present: true
|
||||||
|
|
||||||
|
HexLength:
|
||||||
|
enabled: true
|
||||||
|
style: short
|
||||||
|
|
||||||
|
HexNotation:
|
||||||
|
enabled: true
|
||||||
|
style: lowercase
|
||||||
|
|
||||||
|
HexValidation:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
IdSelector:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
ImportantRule:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
ImportPath:
|
||||||
|
enabled: true
|
||||||
|
leading_underscore: false
|
||||||
|
filename_extension: false
|
||||||
|
|
||||||
|
Indentation:
|
||||||
|
enabled: true
|
||||||
|
character: space
|
||||||
|
width: 4
|
||||||
|
|
||||||
|
LeadingZero:
|
||||||
|
enabled: true
|
||||||
|
style: exclude_zero
|
||||||
|
|
||||||
|
MergeableSelector:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
NameFormat:
|
||||||
|
enabled: false
|
||||||
|
convention: hyphenated_lowercase
|
||||||
|
|
||||||
|
NestingDepth:
|
||||||
|
enabled: true
|
||||||
|
max_depth: 5
|
||||||
|
|
||||||
|
PlaceholderInExtend:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
PropertyCount:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
PropertySortOrder:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
PropertySpelling:
|
||||||
|
enabled: true
|
||||||
|
extra_properties: [ "icon-shadow", "outline-radius" ]
|
||||||
|
|
||||||
|
PropertyUnits:
|
||||||
|
enabled: true
|
||||||
|
global: [ "px", "%", "s", "ms" ]
|
||||||
|
|
||||||
|
QualifyingElement:
|
||||||
|
enabled: false
|
||||||
|
allow_element_with_attribute: false
|
||||||
|
allow_element_with_class: false
|
||||||
|
allow_element_with_id: false
|
||||||
|
|
||||||
|
SelectorDepth:
|
||||||
|
enabled: true
|
||||||
|
max_depth: 5
|
||||||
|
|
||||||
|
SelectorFormat:
|
||||||
|
enabled: false
|
||||||
|
convention: hyphenated_lowercase
|
||||||
|
|
||||||
|
Shorthand:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
SingleLinePerProperty:
|
||||||
|
enabled: true
|
||||||
|
allow_single_line_rule_sets: true
|
||||||
|
|
||||||
|
SingleLinePerSelector:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
SpaceAfterComma:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
SpaceAfterPropertyColon:
|
||||||
|
enabled: true
|
||||||
|
style: one_space
|
||||||
|
|
||||||
|
SpaceAfterPropertyName:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
SpaceAfterVariableName:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
SpaceAroundOperator:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
SpaceBeforeBrace:
|
||||||
|
enabled: true
|
||||||
|
style: space
|
||||||
|
allow_single_line_padding: true
|
||||||
|
|
||||||
|
SpaceBetweenParens:
|
||||||
|
enabled: true
|
||||||
|
spaces: 0
|
||||||
|
|
||||||
|
StringQuotes:
|
||||||
|
enabled: true
|
||||||
|
style: double_quotes
|
||||||
|
|
||||||
|
TrailingSemicolon:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
TrailingZero:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
UnnecessaryMantissa:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
UnnecessaryParentReference:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
UrlFormat:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
UrlQuotes:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
VariableForProperty:
|
||||||
|
enabled: false
|
||||||
|
|
||||||
|
VendorPrefix:
|
||||||
|
enabled: false
|
||||||
|
identifier_list: base
|
||||||
|
include: []
|
||||||
|
exclude: []
|
||||||
|
|
||||||
|
ZeroUnit:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
Compass::*:
|
||||||
|
enabled: false
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
SASS=scss
|
||||||
|
SASSFLAGS=--sourcemap=none
|
||||||
|
GLIB_COMPILE_RESOURCES=glib-compile-resources
|
||||||
|
RES_DIR=gtk-3.0
|
||||||
|
SCSS_DIR=$(RES_DIR)/scss
|
||||||
|
DIST_DIR=$(RES_DIR)/dist
|
||||||
|
INSTALL_DIR=$(DESTDIR)/usr/share/themes/Numix
|
||||||
|
|
||||||
|
all: clean gresource
|
||||||
|
|
||||||
|
css:
|
||||||
|
$(SASS) --update $(SASSFLAGS) $(SCSS_DIR):$(DIST_DIR)
|
||||||
|
|
||||||
|
gresource: css
|
||||||
|
$(GLIB_COMPILE_RESOURCES) --sourcedir=$(RES_DIR) $(RES_DIR)/gtk.gresource.xml
|
||||||
|
|
||||||
|
watch: clean
|
||||||
|
while true; do \
|
||||||
|
make gresource; \
|
||||||
|
inotifywait @gtk.gresource -qr -e modify -e create -e delete $(RES_DIR); \
|
||||||
|
done
|
||||||
|
|
||||||
|
clean:
|
||||||
|
rm -rf $(DIST_DIR)
|
||||||
|
rm -f $(RES_DIR)/gtk.gresource
|
||||||
|
|
||||||
|
install: all
|
||||||
|
install -d -m755 $(INSTALL_DIR)
|
||||||
|
|
||||||
|
for f in *; do cp -pr $$f $(INSTALL_DIR)/; done
|
||||||
|
|
||||||
|
uninstall:
|
||||||
|
rm -rf $(INSTALL_DIR)
|
||||||
|
|
||||||
|
.PHONY: all
|
||||||
|
.PHONY: css
|
||||||
|
.PHONY: watch
|
||||||
|
.PHONY: gresource
|
||||||
|
.PHONY: clean
|
||||||
|
.PHONY: install
|
||||||
|
.PHONY: uninstall
|
||||||
|
|
||||||
|
.DEFAULT_GOAL := all
|
||||||
|
|
||||||
|
# vim: set ts=4 sw=4 tw=0 noet :
|
||||||
|
|
@ -4,7 +4,23 @@ Numix is a part of the [Numix Project](http://numixproject.org).
|
||||||
|
|
||||||
### Manual installation
|
### Manual installation
|
||||||
|
|
||||||
Extract the zip file to the themes directory i.e. `/usr/share/themes/`
|
First, you need to compile the theme using the [Sass](http://sass-lang.com/) compiler.
|
||||||
|
|
||||||
|
To install Sass, install ruby and the gem command using your distro's package manager. Then install `sass` with the `gem` command,
|
||||||
|
|
||||||
|
`gem install sass`
|
||||||
|
|
||||||
|
You'll also need the following commands in your path to generate the gresource binary. Install them using your distro's package manager.
|
||||||
|
|
||||||
|
* `glib-compile-schemas`
|
||||||
|
* `gdk-pixbuf-pixdata`
|
||||||
|
|
||||||
|
After installing all the dependencies, switch to the cloned directory and, run the following in Terminal,
|
||||||
|
|
||||||
|
```
|
||||||
|
make
|
||||||
|
sudo make install
|
||||||
|
```
|
||||||
|
|
||||||
To set the theme in Gnome, run the following commands in Terminal,
|
To set the theme in Gnome, run the following commands in Terminal,
|
||||||
|
|
||||||
|
|
@ -22,7 +38,7 @@ xfconf-query -c xfwm4 -p /general/theme -s "Numix"
|
||||||
|
|
||||||
### Requirements
|
### Requirements
|
||||||
|
|
||||||
GTK+ 3.6 or above
|
GTK+ 3.16 or above
|
||||||
|
|
||||||
Murrine theme engine
|
Murrine theme engine
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
# Numix GTK Theme
|
# Numix GTK Theme
|
||||||
|
|
||||||
gtk-color-scheme = "bg_color:#dedede\nfg_color:#555555\nbase_color:#f9f9f9\ntext_color:#333333\nselected_bg_color:#d64937\nselected_fg_color:#f9f9f9\ntooltip_bg_color:#2d2d2d\ntooltip_fg_color:#dedede\ntitlebar_bg_color:#2d2d2d\ntitlebar_fg_color:#dcdcdc\nmenubar_bg_color:#2d2d2d\nmenubar_fg_color:#dcdcdc\ntoolbar_bg_color:#dedede\ntoolbar_fg_color:#555555\nmenu_bg_color:#2d2d2d\nmenu_fg_color:#dcdcdc\npanel_bg_color:#2d2d2d\npanel_fg_color:#dcdcdc\nlink_color:#fc6f5d"
|
gtk-color-scheme = "bg_color:#eeeeee\nfg_color:#555555\nbase_color:#ffffff\ntext_color:#333333\nselected_bg_color:#f0544c\nselected_fg_color:#ffffff\ntooltip_bg_color:#444444\ntooltip_fg_color:#eeeeee\ntitlebar_bg_color:#444444\ntitlebar_fg_color:#dddddd\nmenubar_bg_color:#444444\nmenubar_fg_color:#dddddd\ntoolbar_bg_color:#eeeeee\ntoolbar_fg_color:#555555\nmenu_bg_color:#444444\nmenu_fg_color:#dddddd\npanel_bg_color:#444444\npanel_fg_color:#dddddd\nlink_color:#f06860"
|
||||||
|
|
||||||
# Default Style
|
# Default Style
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,396 +0,0 @@
|
||||||
/***********************
|
|
||||||
* fallback mode panel *
|
|
||||||
***********************/
|
|
||||||
PanelWidget,
|
|
||||||
PanelApplet,
|
|
||||||
PanelToplevel {
|
|
||||||
padding: 0;
|
|
||||||
background-color: @panel_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @panel_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet {
|
|
||||||
border-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
PanelSeparator {
|
|
||||||
border-width: 0;
|
|
||||||
background-color: @panel_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @panel_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gnome-panel-menu-bar,
|
|
||||||
PanelApplet > GtkMenuBar.menubar,
|
|
||||||
PanelApplet > GtkMenuBar.menubar.menuitem,
|
|
||||||
PanelMenuBar.menubar,
|
|
||||||
PanelMenuBar.menubar.menuitem {
|
|
||||||
-PanelMenuBar-icon-visible: true;
|
|
||||||
|
|
||||||
border-width: 0;
|
|
||||||
background-color: @panel_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
PanelAppletFrame {
|
|
||||||
border-width: 0;
|
|
||||||
background-color: @panel_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet .button {
|
|
||||||
-GtkButton-inner-border: 2;
|
|
||||||
|
|
||||||
border-width: 0 1px;
|
|
||||||
border-radius: 0;
|
|
||||||
border-color: transparent;
|
|
||||||
background-color: @panel_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @panel_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet .button:active {
|
|
||||||
border-width: 0 1px;
|
|
||||||
border-radius: 0;
|
|
||||||
border-color: mix(@panel_bg_color, @panel_fg_color, 0.21);
|
|
||||||
background-color: mix(@panel_bg_color, @panel_fg_color, 0.21);
|
|
||||||
background-image: none;
|
|
||||||
color: shade(@panel_fg_color, 1.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet .button:prelight {
|
|
||||||
border-color: mix(@panel_bg_color, @panel_fg_color, 0.11);
|
|
||||||
background-color: mix(@panel_bg_color, @panel_fg_color, 0.11);
|
|
||||||
background-image: none;
|
|
||||||
color: shade(@panel_fg_color, 1.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
PanelApplet .button:active:prelight {
|
|
||||||
border-color: mix(@panel_bg_color, @panel_fg_color, 0.31);
|
|
||||||
background-color: mix(@panel_bg_color, @panel_fg_color, 0.31);
|
|
||||||
background-image: none;
|
|
||||||
color: shade(@panel_fg_color, 1.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
WnckPager, WnckTasklist {
|
|
||||||
background-color: @panel_bg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/************
|
|
||||||
* nautilus *
|
|
||||||
************/
|
|
||||||
.nautilus-desktop.nautilus-canvas-item {
|
|
||||||
color: white;
|
|
||||||
text-shadow: 1px 1px black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-desktop.nautilus-canvas-item:active {
|
|
||||||
color: @theme_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-desktop.nautilus-canvas-item:selected {
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-desktop.nautilus-canvas-item:active,
|
|
||||||
.nautilus-desktop.nautilus-canvas-item:prelight,
|
|
||||||
.nautilus-desktop.nautilus-canvas-item:selected {
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
NautilusWindow .toolbar {
|
|
||||||
border-width: 0 0 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
NautilusWindow .sidebar .frame {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
NautilusWindow > GtkGrid > .pane-separator,
|
|
||||||
NautilusWindow > GtkGrid > .pane-separator:hover {
|
|
||||||
border-width: 0 1px 0 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
NautilusNotebook.notebook {
|
|
||||||
border-right-width: 0;
|
|
||||||
border-left-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
NautilusNotebook .frame {
|
|
||||||
border-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
NautilusQueryEditor .search-bar.toolbar {
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
NautilusQueryEditor .toolbar {
|
|
||||||
padding-top: 3px;
|
|
||||||
padding-bottom: 2px;
|
|
||||||
border-width: 1px 0 0 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: @toolbar_bg_color;
|
|
||||||
background-color: shade(@toolbar_bg_color, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
NautilusQueryEditor .toolbar:nth-child(2) {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
NautilusQueryEditor .toolbar:last-child,
|
|
||||||
NautilusQueryEditor .search-bar.toolbar:only-child {
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
border-bottom-color: shade(@toolbar_bg_color, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************
|
|
||||||
* gnome terminal *
|
|
||||||
******************/
|
|
||||||
VteTerminal {
|
|
||||||
background-color: @osd_base;
|
|
||||||
color: @osd_fg;
|
|
||||||
}
|
|
||||||
|
|
||||||
TerminalWindow GtkNotebook.notebook {
|
|
||||||
border-right-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-left-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
TerminalWindow .scrollbars-junction,
|
|
||||||
TerminalWindow .scrollbar.trough {
|
|
||||||
background-color: @osd_base;
|
|
||||||
}
|
|
||||||
|
|
||||||
TerminalWindow .scrollbar.button,
|
|
||||||
TerminalWindow .scrollbar.button:active,
|
|
||||||
TerminalWindow .scrollbar.button:active:hover {
|
|
||||||
color: shade(@osd_base, 0.6);
|
|
||||||
}
|
|
||||||
|
|
||||||
TerminalWindow .scrollbar.slider {
|
|
||||||
border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21);
|
|
||||||
background-color: mix(@osd_base, @osd_fg, 0.21);
|
|
||||||
}
|
|
||||||
|
|
||||||
TerminalWindow .scrollbar.slider:hover,
|
|
||||||
TerminalWindow .scrollbar.slider.vertical:hover {
|
|
||||||
border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31);
|
|
||||||
background-color: mix(@osd_base, @osd_fg, 0.31);
|
|
||||||
}
|
|
||||||
|
|
||||||
TerminalWindow .scrollbar.slider:active,
|
|
||||||
TerminalWindow .scrollbar.slider.vertical:active {
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*********
|
|
||||||
* gedit *
|
|
||||||
*********/
|
|
||||||
GeditWindow .pane-separator,
|
|
||||||
GeditWindow .pane-separator:hover {
|
|
||||||
border-width: 0 1px 1px 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
color: shade(@theme_bg_color, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel {
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
color: mix(@theme_fg_color, @theme_bg_color, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel-group-row,
|
|
||||||
.gedit-document-panel-group-row:hover {
|
|
||||||
border-top: 1px solid shade(@theme_bg_color, 0.9);
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel-document-row:hover {
|
|
||||||
background-color: shade(@theme_bg_color, 1.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel-document-row:selected,
|
|
||||||
.gedit-document-panel-document-row:selected:hover {
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel .list-row {
|
|
||||||
padding: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel .list-row .button {
|
|
||||||
padding: 1px;
|
|
||||||
border-image: none;
|
|
||||||
border-radius: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: transparent;
|
|
||||||
border-width: 1px;
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
color: transparent;
|
|
||||||
icon-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel .prelight-row .button {
|
|
||||||
border-color: alpha(black, 0.1);
|
|
||||||
color: alpha(white, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel .list-row .button:hover,
|
|
||||||
.gedit-document-panel .prelight-row .button:hover {
|
|
||||||
border-color: alpha(black, 0.1);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel .prelight-row .button:active {
|
|
||||||
border-color: alpha(black, 0.2);
|
|
||||||
background-color: alpha(black, 0.08);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel-dragged-row {
|
|
||||||
border: 1px solid alpha(black, 0.1);
|
|
||||||
background-color: alpha(black, 0.5);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-document-panel-placeholder-row {
|
|
||||||
border: none;
|
|
||||||
background-color: alpha(black, 0.08);
|
|
||||||
transition: all 200ms ease-in;
|
|
||||||
}
|
|
||||||
|
|
||||||
GeditStatusbar {
|
|
||||||
border-top: 1px solid shade(@theme_bg_color, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
GeditStatusbar GeditSmallButton,
|
|
||||||
GeditStatusMenuButton {
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
GeditStatusbar GeditSmallButton.button,
|
|
||||||
GeditStatusbar GeditSmallButton.button:hover,
|
|
||||||
GeditStatusbar GeditSmallButton.button:active,
|
|
||||||
GeditStatusbar GeditSmallButton.button:active:hover,
|
|
||||||
GeditStatusMenuButton.button,
|
|
||||||
GeditStatusMenuButton.button:hover,
|
|
||||||
GeditStatusMenuButton.button:active,
|
|
||||||
GeditStatusMenuButton.button:active:hover {
|
|
||||||
border-image: none;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 0 1px;
|
|
||||||
border-radius: 0;
|
|
||||||
padding: 1px 6px 2px 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
GeditStatusbar GeditSmallButton.button:hover,
|
|
||||||
GeditStatusbar GeditSmallButton.button:active,
|
|
||||||
GeditStatusbar GeditSmallButton.button:active:hover,
|
|
||||||
GeditStatusMenuButton.button:hover,
|
|
||||||
GeditStatusMenuButton.button:active,
|
|
||||||
GeditStatusMenuButton.button:active:hover {
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
GeditStatusbar GeditSmallButton.button:active,
|
|
||||||
GeditStatusMenuButton.button:active {
|
|
||||||
background-color: shade(@theme_bg_color, 0.95);
|
|
||||||
color: @theme_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
GeditViewFrame .gedit-search-slider {
|
|
||||||
padding: 4px;
|
|
||||||
border-radius: 0 0 2px 2px;
|
|
||||||
border-width: 0 1px 1px 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_base_color, 0.8);
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
GeditViewFrame .gedit-search-slider .not-found {
|
|
||||||
background-color: @error_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @error_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
GeditViewFrame .gedit-search-slider .not-found:selected {
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
GeditFileBrowserWidget .toolbar {
|
|
||||||
padding: 2px;
|
|
||||||
border-top: none;
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gedit-search-entry-occurrences-tag {
|
|
||||||
margin: 2px;
|
|
||||||
padding: 2px;
|
|
||||||
color: mix(@theme_text_color, @theme_base_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
/***************
|
|
||||||
* font-viewer *
|
|
||||||
***************/
|
|
||||||
SushiFontWidget {
|
|
||||||
padding: 6px 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*************
|
|
||||||
* gucharmap *
|
|
||||||
*************/
|
|
||||||
GucharmapChartable {
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
GucharmapChartable:active,
|
|
||||||
GucharmapChartable:focus,
|
|
||||||
GucharmapChartable:selected {
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*************
|
|
||||||
* evolution *
|
|
||||||
*************/
|
|
||||||
EPreviewPane .entry {
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************
|
|
||||||
* gnome calendar *
|
|
||||||
******************/
|
|
||||||
.calendar-view {
|
|
||||||
background-color: shade(@theme_base_color, 0.95);
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*******************
|
|
||||||
* gnome-bluetooth *
|
|
||||||
*******************/
|
|
||||||
GtkEntry.entry.pin-entry {
|
|
||||||
font: regular 50;
|
|
||||||
padding-left: 25px;
|
|
||||||
padding-right: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
GtkLabel.pin-label {
|
|
||||||
font: regular 50;
|
|
||||||
}
|
|
||||||
|
|
@ -1,677 +0,0 @@
|
||||||
/********************
|
|
||||||
* dynamic notebook *
|
|
||||||
********************/
|
|
||||||
.dynamic-notebook {
|
|
||||||
background-color: shade(@theme_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dynamic-notebook GtkLabel,
|
|
||||||
.dynamic-notebook GtkImage {
|
|
||||||
color: alpha(@theme_fg_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dynamic-notebook .notebook {
|
|
||||||
-GtkNotebook-tab-overlap: 3px;
|
|
||||||
-GtkNotebook-initial-gap: 12px;
|
|
||||||
|
|
||||||
border-width: 1px 0 0 0;
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
border-radius: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dynamic-notebook .notebook tab {
|
|
||||||
padding: 3px;
|
|
||||||
border-width: 0 1px;
|
|
||||||
border-color: shade(@theme_bg_color, 0.85);
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: shade(@theme_bg_color, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dynamic-notebook .notebook tab:nth-child(first) {
|
|
||||||
}
|
|
||||||
|
|
||||||
.dynamic-notebook .notebook tab:active {
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
background-color: shade(@theme_base_color, 0.85);
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_fg_color;
|
|
||||||
box-shadow:inset 0 -2px @theme_selected_bg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dynamic-notebook .notebook tab .entry {
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 4px 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dynamic-notebook .button:hover,
|
|
||||||
.dynamic-notebook .button:hover:active,
|
|
||||||
.dynamic-notebook .notebook .button,
|
|
||||||
.dynamic-notebook .notebook .button:hover,
|
|
||||||
.dynamic-notebook .notebook .button:hover:active {
|
|
||||||
border-color: shade(@theme_bg_color, 0.7);
|
|
||||||
background-color: shade(@theme_bg_color, 1.10);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dynamic-notebook .button:hover:active,
|
|
||||||
.dynamic-notebook .notebook .button:hover:active {
|
|
||||||
border-color: shade(@theme_bg_color, 0.7);
|
|
||||||
color: shade(@theme_fg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dynamic-notebook .menu GtkLabel {
|
|
||||||
color: @menu_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/****************
|
|
||||||
* content view *
|
|
||||||
****************/
|
|
||||||
.content-view-window {
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_base_color, 0.8);
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color:@theme_base_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view,
|
|
||||||
.content-view GtkViewport {
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view * {
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view .entry {
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view .button {
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_base_color, 0.8);
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color: shade(@theme_base_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view .button:hover {
|
|
||||||
border-color: shade(@theme_base_color, 0.7);
|
|
||||||
background-color: shade(@theme_base_color, 1.10);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view .button:active {
|
|
||||||
border-color: shade(@theme_base_color, 0.8);
|
|
||||||
background-color: shade(@theme_base_color, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view .button:active:hover {
|
|
||||||
border-color: shade(@theme_base_color, 0.7);
|
|
||||||
color: shade(@theme_text_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view .button:insensitive {
|
|
||||||
background-color: shade(@theme_base_color, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view .help_button * {
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view .toolbar {
|
|
||||||
-GtkWidget-window-dragging: true;
|
|
||||||
|
|
||||||
padding: 1px;
|
|
||||||
border-width: 0 0 1px 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_base_color, 0.8);
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-view .menu {
|
|
||||||
padding: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
border-style: none;
|
|
||||||
background-color: @menu_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @menu_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**************
|
|
||||||
* sourcelist *
|
|
||||||
**************/
|
|
||||||
.source-list,
|
|
||||||
.source-list.view {
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: mix(@theme_fg_color, @theme_bg_color, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.source-list {
|
|
||||||
-GtkTreeView-horizontal-separator: 1;
|
|
||||||
-GtkTreeView-vertical-separator: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.source-list.view:selected,
|
|
||||||
.source-list.view:prelight:selected {
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.source-list.view:prelight {
|
|
||||||
background-color: shade(@theme_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.source-list.badge,
|
|
||||||
.source-list.badge:prelight,
|
|
||||||
.source-list.badge:selected,
|
|
||||||
.source-list.badge:prelight:selected {
|
|
||||||
margin: 0 3px;
|
|
||||||
padding: 0 6px;
|
|
||||||
border-width: 0;
|
|
||||||
border-radius: 10px;
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************
|
|
||||||
* no undo button *
|
|
||||||
******************/
|
|
||||||
.button.noundo,
|
|
||||||
.content-view .button.noundo {
|
|
||||||
border-color: shade(@error_bg_color, 0.8);
|
|
||||||
background-color: shade(@error_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @error_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.noundo:hover,
|
|
||||||
.content-view .button.noundo:hover {
|
|
||||||
border-color: shade(@error_bg_color, 0.7);
|
|
||||||
background-color: @error_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.noundo:active,
|
|
||||||
.content-view .button.noundo:active {
|
|
||||||
border-color: shade(@error_bg_color, 0.8);
|
|
||||||
background-color: shade(@error_bg_color, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.noundo:active:hover,
|
|
||||||
.content-view .button.noundo:active:hover {
|
|
||||||
border-color: shade(@error_bg_color, 0.7);
|
|
||||||
background-color: shade(@error_bg_color, 0.97);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.noundo GtkLabel,
|
|
||||||
.button.noundo Gtklabel:prelight {
|
|
||||||
color: @error_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**********************
|
|
||||||
* affirmative button *
|
|
||||||
**********************/
|
|
||||||
.button.affirmative,
|
|
||||||
.content-view .button.affirmative {
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.8);
|
|
||||||
background-color: shade(@theme_selected_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.affirmative:hover,
|
|
||||||
.content-view .button.affirmative:hover {
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.7);
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.affirmative:active,
|
|
||||||
.content-view .button.affirmative:active {
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.8);
|
|
||||||
background-color: shade(@theme_selected_bg_color, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.affirmative:active:hover,
|
|
||||||
.content-view .button.affirmative:active:hover {
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.7);
|
|
||||||
background-color: shade(@theme_selected_bg_color, 0.97);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.affirmative GtkLabel,
|
|
||||||
.button.affirmative Gtklabel:prelight {
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**********************
|
|
||||||
* secondary toolbars *
|
|
||||||
**********************/
|
|
||||||
.secondary-toolbar.toolbar {
|
|
||||||
padding: 2px;
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.8);
|
|
||||||
background-color: @toolbar_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-toolbar.toolbar .button {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.8);
|
|
||||||
background-color: shade(@toolbar_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @toolbar_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-toolbar.toolbar .button:hover {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.7);
|
|
||||||
background-color: shade(@toolbar_bg_color, 1.10);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-toolbar.toolbar .button:active {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.8);
|
|
||||||
background-color: shade(@toolbar_bg_color, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-toolbar.toolbar .button:active:hover {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-toolbar.toolbar .button:focus,
|
|
||||||
.secondary-toolbar.toolbar .button:hover:focus,
|
|
||||||
.secondary-toolbar.toolbar .button:active:focus,
|
|
||||||
.secondary-toolbar.toolbar .button:active:hover:focus {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-toolbar.toolbar .button:insensitive {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.85);
|
|
||||||
background-color: shade(@toolbar_bg_color, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-toolbar.toolbar .button:active *:insensitive {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.75);
|
|
||||||
background-color: shade(@toolbar_bg_color, 0.80);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*******************
|
|
||||||
* bottom toolbars *
|
|
||||||
*******************/
|
|
||||||
.bottom-toolbar.toolbar {
|
|
||||||
padding: 6px;
|
|
||||||
border-width: 1px 0 0 0;
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-toolbar.toolbar .button {
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
background-color: shade(@theme_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-toolbar.toolbar .button:hover {
|
|
||||||
border-color: shade(@theme_bg_color, 0.7);
|
|
||||||
background-color: shade(@theme_bg_color, 1.10);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-toolbar.toolbar .button:active {
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
background-color: shade(@theme_bg_color, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-toolbar.toolbar .button:active:hover {
|
|
||||||
border-color: shade(@theme_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-toolbar.toolbar .button:focus,
|
|
||||||
.bottom-toolbar.toolbar .button:hover:focus,
|
|
||||||
.bottom-toolbar.toolbar .button:active:focus,
|
|
||||||
.bottom-toolbar.toolbar .button:active:hover:focus {
|
|
||||||
border-color: shade(@theme_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-toolbar.toolbar .button:insensitive {
|
|
||||||
border-color: shade(@theme_bg_color, 0.85);
|
|
||||||
background-color: shade(@theme_bg_color, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-toolbar.toolbar .button:active *:insensitive {
|
|
||||||
border-color: shade(@theme_bg_color, 0.75);
|
|
||||||
background-color: shade(@theme_bg_color, 0.80);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*************
|
|
||||||
* statusbar *
|
|
||||||
*************/
|
|
||||||
GraniteWidgetsStatusBar {
|
|
||||||
padding: 1px;
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
box-shadow: inset 0 1px shade(@theme_bg_color, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/***********
|
|
||||||
* popover *
|
|
||||||
***********/
|
|
||||||
GraniteWidgetsPopOver {
|
|
||||||
-GraniteWidgetsPopOver-arrow-width: 21;
|
|
||||||
-GraniteWidgetsPopOver-arrow-height: 12;
|
|
||||||
-GraniteWidgetsPopOver-border-radius: 2px;
|
|
||||||
-GraniteWidgetsPopOver-border-width: 1;
|
|
||||||
-GraniteWidgetsPopOver-shadow-size: 12;
|
|
||||||
|
|
||||||
margin: 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@menu_bg_color, 0.8);
|
|
||||||
color: @menu_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover_bg {
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: linear-gradient(to bottom,
|
|
||||||
@menu_bg_color,
|
|
||||||
@menu_bg_color
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .sidebar.view,
|
|
||||||
GraniteWidgetsPopOver * {
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
color: @menu_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .sidebar.view:selected,
|
|
||||||
GraniteWidgetsPopOver .sidebar.view:selected:focus,
|
|
||||||
GraniteWidgetsPopOver *:selected,
|
|
||||||
GraniteWidgetsPopOver *:selected:focus {
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .button {
|
|
||||||
border-color: shade(@menu_bg_color, 0.8);
|
|
||||||
background-color: shade(@menu_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @menu_fg_color;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .button:hover {
|
|
||||||
border-color: shade(@menu_bg_color, 0.7);
|
|
||||||
background-color: shade(@menu_bg_color, 1.10);
|
|
||||||
background-image: none;
|
|
||||||
color: shade(@menu_fg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .button:active {
|
|
||||||
border-color: shade(@menu_bg_color, 0.8);
|
|
||||||
background-color: shade(@menu_bg_color, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .button:active:hover {
|
|
||||||
border-color: shade(@menu_bg_color, 0.7);
|
|
||||||
color: shade(@menu_fg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* linked buttons */
|
|
||||||
GraniteWidgetsPopOver .linked .button {
|
|
||||||
box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .linked .button:active {
|
|
||||||
box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9),
|
|
||||||
inset 1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .linked .button:insensitive {
|
|
||||||
box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* remove box shadow from last-child and only-child */
|
|
||||||
GraniteWidgetsPopOver .linked .button:last-child,
|
|
||||||
GraniteWidgetsPopOver .linked .button:only-child,
|
|
||||||
GraniteWidgetsPopOver .linked .button:insensitive:last-child,
|
|
||||||
GraniteWidgetsPopOver .linked .button:insensitive:only-child,
|
|
||||||
GraniteWidgetsPopOver .linked .button:active *:insensitive:last-child,
|
|
||||||
GraniteWidgetsPopOver .linked .button:active *:insensitive:only-child {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* add back the inset shadow effect */
|
|
||||||
GraniteWidgetsPopOver .linked .button:active:last-child,
|
|
||||||
GraniteWidgetsPopOver .linked .button:active:only-child {
|
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .entry {
|
|
||||||
border-color: shade(@menu_bg_color, 0.7);
|
|
||||||
background-color: @menu_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @menu_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver .entry:active,
|
|
||||||
GraniteWidgetsPopOver .entry:focus {
|
|
||||||
border-color: shade(@menu_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
GraniteWidgetsPopOver *.separator {
|
|
||||||
border-color: shade(@menu_bg_color, 0.9);
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.app {
|
|
||||||
border-width: 0;
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.app:hover {
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.app:focus {
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/********
|
|
||||||
* gala *
|
|
||||||
********/
|
|
||||||
.gala-workspaces-background {
|
|
||||||
border-width: 1px 0 0 0;
|
|
||||||
border-color: shade(@panel_bg_color, 0.8);
|
|
||||||
background-color: @panel_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gala-workspace-selected {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 2px;
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*********
|
|
||||||
* files *
|
|
||||||
*********/
|
|
||||||
.files-overlay-bar {
|
|
||||||
margin: 3px;
|
|
||||||
padding: 3px 6px;
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: shade(@theme_base_color, 0.7);
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.files-overlay-bar GtkLabel {
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/************
|
|
||||||
* terminal *
|
|
||||||
************/
|
|
||||||
PantheonTerminalPantheonTerminalWindow.background {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*********
|
|
||||||
* noise *
|
|
||||||
*********/
|
|
||||||
.album-list-view,
|
|
||||||
.album-list-view * {
|
|
||||||
border-color: shade(@theme_base_color, 0.7);
|
|
||||||
border-radius: 0;
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.album-list-view GtkTreeView {
|
|
||||||
-GtkTreeView-vertical-separator: 1;
|
|
||||||
-GtkTreeView-grid-line-width: 0;
|
|
||||||
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.album-list-view GtkTreeView row:nth-child(even) {
|
|
||||||
border-width: 0;
|
|
||||||
border-style: none;
|
|
||||||
background-color: shade(@theme_base_color, 0.97);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.album-list-view GtkTreeView row:nth-child(odd) {
|
|
||||||
border-width: 0;
|
|
||||||
border-style: none;
|
|
||||||
background-color: shade(@theme_base_color, 1.0);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.album-list-view GtkTreeView row:selected {
|
|
||||||
background-color: @selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**********
|
|
||||||
* birdie *
|
|
||||||
**********/
|
|
||||||
BirdieWidgetsTweetList * {
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*********
|
|
||||||
* tweet *
|
|
||||||
*********/
|
|
||||||
.tweet {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**********
|
|
||||||
* notify *
|
|
||||||
**********/
|
|
||||||
.notify {
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@theme_base_color, 0.7);
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notify .low {
|
|
||||||
}
|
|
||||||
|
|
||||||
.notify .critical {
|
|
||||||
}
|
|
||||||
|
|
||||||
/*********
|
|
||||||
* panel *
|
|
||||||
*********/
|
|
||||||
.panel {
|
|
||||||
background-color: transparent;
|
|
||||||
color: white;
|
|
||||||
font-weight: bold;
|
|
||||||
text-shadow: 0 1px 2px alpha (black, 0.5);
|
|
||||||
icon-shadow: 0 1px 2px alpha (black, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel .menu .menuitem {
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-shadow {
|
|
||||||
background-image: none;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-app-button {
|
|
||||||
-GtkMenuItem-horizontal-padding: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.composited-indicator {
|
|
||||||
background-color: transparent;
|
|
||||||
color: white;
|
|
||||||
padding: 0 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.composited-indicator.menuitem:active,
|
|
||||||
.composited-indicator.menuitem:prelight {
|
|
||||||
border-style: none;
|
|
||||||
background-image: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
@ -1,262 +0,0 @@
|
||||||
/***********
|
|
||||||
* general *
|
|
||||||
***********/
|
|
||||||
#screen.lightdm-gtk-greeter {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*********
|
|
||||||
* panel *
|
|
||||||
*********/
|
|
||||||
#panel_window {
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
color: white;
|
|
||||||
font: bold;
|
|
||||||
text-shadow: 0 1px alpha(black, 0.5);
|
|
||||||
icon-shadow: 0 1px alpha(black, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar,
|
|
||||||
#panel_window .menubar > .menuitem {
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
color: white;
|
|
||||||
font: bold;
|
|
||||||
text-shadow: 0 1px alpha(black, 0.5);
|
|
||||||
icon-shadow: 0 1px alpha(black, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar > .menuitem:hover {
|
|
||||||
border-style: none;
|
|
||||||
background-color: alpha(white, 0.2);
|
|
||||||
background-image: none;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar > .menuitem *:hover {
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar > .menuitem:insensitive {
|
|
||||||
color: alpha(white, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar .menu {
|
|
||||||
border-radius: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#panel_window .menubar .menu .menuitem {
|
|
||||||
font: normal;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/****************
|
|
||||||
* login window *
|
|
||||||
****************/
|
|
||||||
#login_window,
|
|
||||||
#shutdown_dialog,
|
|
||||||
#restart_dialog {
|
|
||||||
border-style: none;
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color: @lightdm_bg_color;
|
|
||||||
color: @lightdm_fg_color;
|
|
||||||
|
|
||||||
/* draw border using box-shadow */
|
|
||||||
box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
|
||||||
inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
|
||||||
inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
|
|
||||||
inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21);
|
|
||||||
}
|
|
||||||
|
|
||||||
#content_frame {
|
|
||||||
padding-bottom: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window .menu {
|
|
||||||
border-radius: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window GtkComboBox .button,
|
|
||||||
#login_window GtkComboBox .button:hover,
|
|
||||||
#login_window GtkComboBox .button:active,
|
|
||||||
#login_window GtkComboBox .button:active:hover,
|
|
||||||
#login_window GtkComboBox .button:focus,
|
|
||||||
#login_window GtkComboBox .button:hover:focus,
|
|
||||||
#login_window GtkComboBox .button:active:focus,
|
|
||||||
#login_window GtkComboBox .button:active:hover:focus {
|
|
||||||
padding: 0;
|
|
||||||
background: none;
|
|
||||||
border-style: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window GtkComboBox .button:focus,
|
|
||||||
#login_window GtkComboBox .button:hover:focus,
|
|
||||||
#login_window GtkComboBox .button:active:focus,
|
|
||||||
#login_window GtkComboBox .button:active:hover:focus {
|
|
||||||
background: none;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window #user_combobox {
|
|
||||||
color: @lightdm_fg_color;
|
|
||||||
font: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window #user_combobox .menu {
|
|
||||||
font: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window #user_combobox .arrow {
|
|
||||||
color: mix(@lightdm_fg_color, @lightdm_bg_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window .entry {
|
|
||||||
padding: 3px 5px;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@lightdm_bg_color, 0.8);
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color: shade(@lightdm_bg_color, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
color: @lightdm_fg_color;
|
|
||||||
|
|
||||||
box-shadow: none;
|
|
||||||
transition: all 150ms ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window .entry:focus,
|
|
||||||
#login_window .entry:hover {
|
|
||||||
border-color: shade(@lightdm_bg_color, 0.7);
|
|
||||||
|
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
|
|
||||||
inset 0 1px alpha(@dark_shadow, 0.12),
|
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.10),
|
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window .button,
|
|
||||||
#shutdown_dialog .button,
|
|
||||||
#restart_dialog .button {
|
|
||||||
padding: 3px 15px;
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: shade(@lightdm_bg_color, 0.8);
|
|
||||||
background-color: shade(@lightdm_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @lightdm_fg_color;
|
|
||||||
|
|
||||||
transition: all 150ms ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
#user_image {
|
|
||||||
padding: 3px;
|
|
||||||
border-radius: 2px;
|
|
||||||
|
|
||||||
/* draw border using box-shadow */
|
|
||||||
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
|
|
||||||
inset -1px 0 shade(@lightdm_bg_color, 0.7),
|
|
||||||
inset 0 1px shade(@lightdm_bg_color, 0.7),
|
|
||||||
inset 0 -1px shade(@lightdm_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
#user_image_border {
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color: shade(@lightdm_bg_color, 0.9);
|
|
||||||
background-image: none;
|
|
||||||
|
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
#buttonbox_frame {
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-bottom: 0;
|
|
||||||
border-style: none;
|
|
||||||
border-bottom-left-radius: 2px;
|
|
||||||
border-bottom-right-radius: 2px;
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************
|
|
||||||
* default and focused button *
|
|
||||||
******************************/
|
|
||||||
#login_window #login_button,
|
|
||||||
#login_window .button.default,
|
|
||||||
#shutdown_dialog .button.default,
|
|
||||||
#restart_dialog .button.default,
|
|
||||||
#login_window .button:focus,
|
|
||||||
#login_window .button:active:focus,
|
|
||||||
#shutdown_dialog .button:focus,
|
|
||||||
#shutdown_dialog .button:active:focus,
|
|
||||||
#restart_dialog .button:focus,
|
|
||||||
#restart_dialog .button:active:focus {
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.8);
|
|
||||||
background-color: shade(@theme_selected_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_window .button.default:hover,
|
|
||||||
#shutdown_dialog .button.default:hover,
|
|
||||||
#restart_dialog .button.default:hover,
|
|
||||||
#login_window .button:hover:focus,
|
|
||||||
#login_window .button:active:hover:focus,
|
|
||||||
#shutdown_dialog .button:hover:focus,
|
|
||||||
#shutdown_dialog .button:active:hover:focus,
|
|
||||||
#restart_dialog .button:hover:focus,
|
|
||||||
#restart_dialog .button:active:hover:focus {
|
|
||||||
border-color: shade(@theme_selected_bg_color, 0.7);
|
|
||||||
background-color: @theme_selected_bg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*******************
|
|
||||||
* shutdown button *
|
|
||||||
*******************/
|
|
||||||
#shutdown_button.button {
|
|
||||||
border-color: shade(@error_bg_color, 0.8);
|
|
||||||
background-color: shade(@error_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @error_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
#shutdown_button.button:hover,
|
|
||||||
#shutdown_button.button:active,
|
|
||||||
#shutdown_button.button:active:hover {
|
|
||||||
border-color: shade(@error_bg_color, 0.7);
|
|
||||||
background-color: @error_bg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************
|
|
||||||
* restart button *
|
|
||||||
******************/
|
|
||||||
#restart_button.button {
|
|
||||||
border-color: shade(@warning_bg_color, 0.8);
|
|
||||||
background-color: shade(@warning_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @warning_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
#restart_button.button:hover,
|
|
||||||
#restart_button.button:active,
|
|
||||||
#restart_button.button:active:hover {
|
|
||||||
border-color: shade(@warning_bg_color, 0.7);
|
|
||||||
background-color: @warning_bg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/********************
|
|
||||||
* password warning *
|
|
||||||
********************/
|
|
||||||
#greeter_infobar {
|
|
||||||
background-color: @warning_bg_color;
|
|
||||||
color: @warning_fg_color;
|
|
||||||
font: bold;
|
|
||||||
}
|
|
||||||
|
|
@ -1,76 +0,0 @@
|
||||||
/*****************
|
|
||||||
* desktop icons *
|
|
||||||
*****************/
|
|
||||||
.nemo-canvas-item {
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nemo-desktop.nemo-canvas-item {
|
|
||||||
color: white;
|
|
||||||
text-shadow: 1px 1px black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nemo-desktop.nemo-canvas-item:active {
|
|
||||||
color: @theme_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nemo-desktop.nemo-canvas-item:selected {
|
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nemo-desktop.nemo-canvas-item:active,
|
|
||||||
.nemo-desktop.nemo-canvas-item:prelight,
|
|
||||||
.nemo-desktop.nemo-canvas-item:selected {
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/***********************
|
|
||||||
* pathbar breadcrumbs *
|
|
||||||
***********************/
|
|
||||||
NemoPathbarButton {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.8);
|
|
||||||
background-color: shade(@toolbar_bg_color, 1.08);
|
|
||||||
background-image: none;
|
|
||||||
color: @toolbar_fg_color;
|
|
||||||
|
|
||||||
-NemoPathbarButton-border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
NemoPathbarButton:active {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.8);
|
|
||||||
background-color: shade(@toolbar_bg_color, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
NemoPathbarButton:hover {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.7);
|
|
||||||
background-color: shade(@toolbar_bg_color, 1.10);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
NemoPathbarButton:active:hover {
|
|
||||||
border-color: shade(@toolbar_bg_color, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*********************************
|
|
||||||
* sidebar disk space indicators *
|
|
||||||
*********************************/
|
|
||||||
NemoPlacesTreeView {
|
|
||||||
-NemoPlacesTreeView-disk-full-bg-color: shade(@toolbar_bg_color, 0.8);
|
|
||||||
-NemoPlacesTreeView-disk-full-fg-color: @theme_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;
|
|
||||||
}
|
|
||||||
|
|
||||||
NemoPlacesTreeView:selected {
|
|
||||||
-NemoPlacesTreeView-disk-full-bg-color: @theme_selected_fg_color;
|
|
||||||
-NemoPlacesTreeView-disk-full-fg-color: shade(@theme_selected_bg_color, 1.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
NemoPlacesTreeView:hover {
|
|
||||||
}
|
|
||||||
|
|
||||||
NemoPlacesTreeView:selected:hover {
|
|
||||||
}
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
/************
|
|
||||||
* synaptic *
|
|
||||||
************/
|
|
||||||
GtkWindow > GtkVBox > .dock,
|
|
||||||
GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar {
|
|
||||||
padding: 4px;
|
|
||||||
border-style: none;
|
|
||||||
background-color: @toolbar_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @toolbar_fg_color;
|
|
||||||
}
|
|
||||||
|
|
@ -1,94 +0,0 @@
|
||||||
.lightdm.menu {
|
|
||||||
background-image: none;
|
|
||||||
background-color: alpha (black, 0.6);
|
|
||||||
border-color: alpha (white, 0.2);
|
|
||||||
border-radius: 4px;
|
|
||||||
padding: 1px;
|
|
||||||
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lightdm-combo .menu {
|
|
||||||
background-color: shade (@dark_bg_color, 1.08);
|
|
||||||
border-radius: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lightdm.menu .menuitem *,
|
|
||||||
.lightdm.menu .menuitem.check:active,
|
|
||||||
.lightdm.menu .menuitem.radio:active {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lightdm.menubar {
|
|
||||||
background-image: none;
|
|
||||||
background-color: alpha (black, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.lightdm-combo.combobox-entry .button,
|
|
||||||
.lightdm-combo .cell,
|
|
||||||
.lightdm-combo .button,
|
|
||||||
.lightdm-combo .entry,
|
|
||||||
.lightdm.button,
|
|
||||||
.lightdm.entry {
|
|
||||||
background-image: none;
|
|
||||||
background-color: alpha (black, 0.3);
|
|
||||||
border-color: alpha (white, 0.6);
|
|
||||||
border-radius: 5px;
|
|
||||||
padding: 7px;
|
|
||||||
|
|
||||||
color: white;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lightdm.button,
|
|
||||||
.lightdm.button:hover,
|
|
||||||
.lightdm.button:active,
|
|
||||||
.lightdm.button:active:focused,
|
|
||||||
.lightdm.entry,
|
|
||||||
.lightdm.entry:hover,
|
|
||||||
.lightdm.entry:active,
|
|
||||||
.lightdm.entry:active:focused {
|
|
||||||
background-image: none;
|
|
||||||
border-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lightdm.button:focused,
|
|
||||||
.lightdm.entry:focused {
|
|
||||||
border-color: alpha (white, 0.9);
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lightdm.entry:selected {
|
|
||||||
background-color: alpha (white, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
@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: 2px;
|
|
||||||
background: none;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lightdm.toggle-button {
|
|
||||||
background: none;
|
|
||||||
border-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lightdm.toggle-button.selected {
|
|
||||||
background-color: alpha (black, 0.3);
|
|
||||||
border-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
@ -1,79 +0,0 @@
|
||||||
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,0.7);
|
|
||||||
-UnityDecoration-active-shadow-radius: 8px;
|
|
||||||
-UnityDecoration-inactive-shadow-color: rgba(0,0,0,0.5);
|
|
||||||
-UnityDecoration-inactive-shadow-radius: 5px;
|
|
||||||
|
|
||||||
-UnityDecoration-glow-size: 10px;
|
|
||||||
-UnityDecoration-glow-color: @theme_selected_bg_color;
|
|
||||||
|
|
||||||
-UnityDecoration-title-indent: 10px;
|
|
||||||
-UnityDecoration-title-fade: 35px;
|
|
||||||
-UnityDecoration-title-alignment: 0.0;
|
|
||||||
}
|
|
||||||
|
|
||||||
UnityDecoration.top {
|
|
||||||
border: 1px solid mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
|
|
||||||
border-bottom-width: 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, 0.1);
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
UnityDecoration.top:backdrop {
|
|
||||||
border: 1px solid mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12);
|
|
||||||
border-bottom-width: 0;
|
|
||||||
background-color: @titlebar_bg_color;
|
|
||||||
color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
UnityDecoration.left,
|
|
||||||
UnityDecoration.right,
|
|
||||||
UnityDecoration.bottom {
|
|
||||||
background-color: mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
|
|
||||||
}
|
|
||||||
|
|
||||||
UnityDecoration.left:backdrop,
|
|
||||||
UnityDecoration.right:backdrop,
|
|
||||||
UnityDecoration.bottom:backdrop {
|
|
||||||
background-color: mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12);
|
|
||||||
}
|
|
||||||
|
|
||||||
UnityPanelWidget,
|
|
||||||
.unity-panel {
|
|
||||||
border-width: 0 0 1px 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: @panel_bg_color;
|
|
||||||
background-color: @panel_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @panel_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.unity-panel.menubar,
|
|
||||||
.unity-panel .menubar {
|
|
||||||
}
|
|
||||||
|
|
||||||
.unity-panel.menuitem,
|
|
||||||
.unity-panel .menuitem {
|
|
||||||
border-width: 0 1px;
|
|
||||||
color: @panel_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.unity-panel.menubar.menuitem:hover,
|
|
||||||
.unity-panel.menubar .menuitem *:hover {
|
|
||||||
border-color: mix(@panel_bg_color, @panel_fg_color, 0.21);
|
|
||||||
background-color: mix(@panel_bg_color, @panel_fg_color, 0.21);
|
|
||||||
background-image: none;
|
|
||||||
color: shade(@panel_fg_color, 1.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
SheetStyleDialog.unity-force-quit {
|
|
||||||
background-color: @theme_bg_color;
|
|
||||||
}
|
|
||||||
|
|
@ -1,50 +0,0 @@
|
||||||
CatfishWindow .sidebar .button.flat {
|
|
||||||
padding: 4px 6px;
|
|
||||||
transition: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
CatfishWindow .sidebar .button.flat:active,
|
|
||||||
CatfishWindow .sidebar .button.flat:checked {
|
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
|
||||||
background-color: shade(@theme_bg_color, 0.95);
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
XfceHeading {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border-width: 0;
|
|
||||||
background-color: @theme_base_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @theme_text_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xfce4-panel {
|
|
||||||
background-color: @panel_bg_color;
|
|
||||||
color: @panel_fg_color;
|
|
||||||
font: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xfce4-panel .button {
|
|
||||||
padding: 0 2px;
|
|
||||||
border-radius: 0;
|
|
||||||
border-style: none;
|
|
||||||
color: @panel_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xfce4-panel .button:active {
|
|
||||||
background-color: shade(@panel_bg_color, 0.8);
|
|
||||||
background-image: none;
|
|
||||||
color: @panel_fg_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xfce4-panel .button:hover,
|
|
||||||
.xfce4-panel .button:active:hover {
|
|
||||||
background-color: mix(@panel_bg_color, @panel_fg_color, 0.21);
|
|
||||||
background-image: none;
|
|
||||||
color: shade(@panel_fg_color, 1.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
.xfce4-panel .menu {
|
|
||||||
-gtk-image-effect: none;
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 280 B |
Binary file not shown.
|
After Width: | Height: | Size: 168 B |
Binary file not shown.
|
After Width: | Height: | Size: 163 B |
Binary file not shown.
|
After Width: | Height: | Size: 280 B |
Binary file not shown.
|
After Width: | Height: | Size: 197 B |
Binary file not shown.
|
After Width: | Height: | Size: 109 B |
Binary file not shown.
|
After Width: | Height: | Size: 106 B |
Binary file not shown.
|
After Width: | Height: | Size: 197 B |
Binary file not shown.
|
After Width: | Height: | Size: 136 B |
Binary file not shown.
|
After Width: | Height: | Size: 94 B |
Binary file not shown.
|
After Width: | Height: | Size: 97 B |
Binary file not shown.
|
After Width: | Height: | Size: 157 B |
Binary file not shown.
|
After Width: | Height: | Size: 362 B |
Binary file not shown.
|
After Width: | Height: | Size: 361 B |
Binary file not shown.
|
After Width: | Height: | Size: 157 B |
Binary file not shown.
|
After Width: | Height: | Size: 168 B |
Binary file not shown.
|
After Width: | Height: | Size: 128 B |
Binary file not shown.
|
After Width: | Height: | Size: 126 B |
Binary file not shown.
|
After Width: | Height: | Size: 168 B |
Binary file not shown.
|
After Width: | Height: | Size: 81 B |
Binary file not shown.
|
After Width: | Height: | Size: 79 B |
Binary file not shown.
|
After Width: | Height: | Size: 92 B |
Binary file not shown.
|
After Width: | Height: | Size: 102 B |
Binary file not shown.
|
After Width: | Height: | Size: 102 B |
Binary file not shown.
|
After Width: | Height: | Size: 118 B |
Binary file not shown.
|
After Width: | Height: | Size: 388 B |
Binary file not shown.
|
After Width: | Height: | Size: 175 B |
Binary file not shown.
|
After Width: | Height: | Size: 188 B |
Binary file not shown.
|
After Width: | Height: | Size: 388 B |
Binary file not shown.
|
After Width: | Height: | Size: 370 B |
Binary file not shown.
|
After Width: | Height: | Size: 160 B |
Binary file not shown.
|
After Width: | Height: | Size: 179 B |
Binary file not shown.
|
After Width: | Height: | Size: 370 B |
Binary file not shown.
|
After Width: | Height: | Size: 234 B |
Binary file not shown.
|
After Width: | Height: | Size: 143 B |
Binary file not shown.
|
After Width: | Height: | Size: 170 B |
Binary file not shown.
|
After Width: | Height: | Size: 289 B |
|
|
@ -1,86 +1 @@
|
||||||
/* default color scheme */
|
@import url("resource:///org/numixproject/gtk/dist/gtk-dark.css");
|
||||||
@define-color base_color #333333;
|
|
||||||
@define-color bg_color #2d2d2d;
|
|
||||||
@define-color text_color #dedede;
|
|
||||||
@define-color fg_color #dcdcdc;
|
|
||||||
@define-color selected_bg_color #d64937;
|
|
||||||
@define-color selected_fg_color #f9f9f9;
|
|
||||||
@define-color tooltip_bg_color #2d2d2d;
|
|
||||||
@define-color tooltip_fg_color #dcdcdc;
|
|
||||||
|
|
||||||
/* dark color scheme */
|
|
||||||
@define-color dark_bg_color #2d2d2d;
|
|
||||||
@define-color dark_fg_color #dcdcdc;
|
|
||||||
|
|
||||||
/* 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 #fff;
|
|
||||||
@define-color dark_shadow #000;
|
|
||||||
|
|
||||||
/* misc colors used by gtk+ */
|
|
||||||
@define-color info_fg_color rgb (58, 135, 173);
|
|
||||||
@define-color info_bg_color rgb (217, 237, 247);
|
|
||||||
@define-color warning_fg_color rgb (192, 152, 83);
|
|
||||||
@define-color warning_bg_color rgb (252, 248, 227);
|
|
||||||
@define-color question_fg_color rgb (214, 73, 55);
|
|
||||||
@define-color question_bg_color rgb (252, 229, 213);
|
|
||||||
@define-color error_fg_color rgb (185, 74, 72);
|
|
||||||
@define-color error_bg_color rgb (242, 222, 222);
|
|
||||||
@define-color link_color #fc6f5d;
|
|
||||||
@define-color success_color #53a93f;
|
|
||||||
@define-color warning_color #f57900;
|
|
||||||
@define-color error_color #cc0000;
|
|
||||||
|
|
||||||
/* 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 @dark_bg_color;
|
|
||||||
@define-color osd_fg @dark_fg_color;
|
|
||||||
@define-color osd_bg alpha(@osd_base, 0.8);
|
|
||||||
|
|
||||||
/* lightdm greeter colors */
|
|
||||||
@define-color lightdm_bg_color @dark_bg_color;
|
|
||||||
@define-color lightdm_fg_color @dark_fg_color;
|
|
||||||
|
|
||||||
/* window manager colors */
|
|
||||||
@define-color wm_bg @titlebar_bg_color;
|
|
||||||
@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
|
|
||||||
@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12);
|
|
||||||
@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
|
|
||||||
@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
|
|
||||||
@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
|
|
||||||
@define-color wm_icons_focused_prelight @selected_bg_color;
|
|
||||||
@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8);
|
|
||||||
@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
|
|
||||||
@define-color wm_icons_unfocused_prelight @selected_bg_color;
|
|
||||||
@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8);
|
|
||||||
|
|
||||||
@import url("gtk-widgets.css");
|
|
||||||
@import url("gtk-widgets-assets.css");
|
|
||||||
@import url("gtk-widgets-assets-dark.css");
|
|
||||||
@import url("apps/gnome-applications.css");
|
|
||||||
@import url("apps/granite-widgets.css");
|
|
||||||
@import url("apps/unity.css");
|
|
||||||
@import url("apps/xfce.css");
|
|
||||||
@import url("apps/nemo.css");
|
|
||||||
@import url("apps/synaptic.css");
|
|
||||||
@import url("apps/lightdm-gtk-greeter.css");
|
|
||||||
|
|
|
||||||
|
|
@ -1,91 +1 @@
|
||||||
/* desktop itens */
|
@import url("resource:///org/numixproject/gtk/dist/gtk.css");
|
||||||
@define-color desktop_item_fg #eeeeee;
|
|
||||||
@define-color desktop_item_selected_fg @theme_selected_fg_color;
|
|
||||||
@define-color desktop_item_text_shadow alpha(black, 0.8);
|
|
||||||
|
|
||||||
/* default color scheme */
|
|
||||||
@define-color bg_color #dedede;
|
|
||||||
@define-color fg_color #555555;
|
|
||||||
@define-color base_color #f9f9f9;
|
|
||||||
@define-color text_color #333333;
|
|
||||||
@define-color selected_bg_color #d64937;
|
|
||||||
@define-color selected_fg_color #f9f9f9;
|
|
||||||
@define-color tooltip_bg_color #2d2d2d;
|
|
||||||
@define-color tooltip_fg_color #dcdcdc;
|
|
||||||
|
|
||||||
/* dark color scheme */
|
|
||||||
@define-color dark_bg_color #2d2d2d;
|
|
||||||
@define-color dark_fg_color #dcdcdc;
|
|
||||||
|
|
||||||
/* 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 #fff;
|
|
||||||
@define-color dark_shadow #000;
|
|
||||||
|
|
||||||
/* misc colors used by gtk+ */
|
|
||||||
@define-color info_fg_color rgb (58, 135, 173);
|
|
||||||
@define-color info_bg_color rgb (217, 237, 247);
|
|
||||||
@define-color warning_fg_color rgb (192, 152, 83);
|
|
||||||
@define-color warning_bg_color rgb (252, 248, 227);
|
|
||||||
@define-color question_fg_color rgb (214, 73, 55);
|
|
||||||
@define-color question_bg_color rgb (252, 229, 213);
|
|
||||||
@define-color error_fg_color rgb (185, 74, 72);
|
|
||||||
@define-color error_bg_color rgb (242, 222, 222);
|
|
||||||
@define-color link_color #fc6f5d;
|
|
||||||
@define-color success_color #53a93f;
|
|
||||||
@define-color warning_color #f57900;
|
|
||||||
@define-color error_color #cc0000;
|
|
||||||
|
|
||||||
/* 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 @dark_bg_color;
|
|
||||||
@define-color osd_fg @dark_fg_color;
|
|
||||||
@define-color osd_bg alpha(@osd_base, 0.8);
|
|
||||||
|
|
||||||
/* lightdm greeter colors */
|
|
||||||
@define-color lightdm_bg_color @dark_bg_color;
|
|
||||||
@define-color lightdm_fg_color @dark_fg_color;
|
|
||||||
|
|
||||||
/* window manager colors */
|
|
||||||
@define-color wm_bg @titlebar_bg_color;
|
|
||||||
@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
|
|
||||||
@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12);
|
|
||||||
@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
|
|
||||||
@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
|
|
||||||
@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
|
|
||||||
@define-color wm_icons_focused_prelight @selected_bg_color;
|
|
||||||
@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8);
|
|
||||||
@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
|
|
||||||
@define-color wm_icons_unfocused_prelight @selected_bg_color;
|
|
||||||
@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8);
|
|
||||||
|
|
||||||
@import url("gtk-widgets.css");
|
|
||||||
@import url("gtk-widgets-assets.css");
|
|
||||||
@import url("apps/gnome-applications.css");
|
|
||||||
@import url("apps/granite-widgets.css");
|
|
||||||
@import url("apps/unity.css");
|
|
||||||
@import url("apps/xfce.css");
|
|
||||||
@import url("apps/nemo.css");
|
|
||||||
@import url("apps/synaptic.css");
|
|
||||||
@import url("apps/lightdm-gtk-greeter.css");
|
|
||||||
@import url("apps/unity-greeter.css");
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,44 @@
|
||||||
|
<?xml version='1.0' encoding='UTF-8'?>
|
||||||
|
<gresources>
|
||||||
|
<gresource prefix='/org/numixproject/gtk'>
|
||||||
|
<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>
|
||||||
|
|
@ -0,0 +1,66 @@
|
||||||
|
@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_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};
|
||||||
|
|
@ -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); }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
// scss-lint:disable ColorVariable
|
||||||
|
|
||||||
|
@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;
|
||||||
|
|
||||||
|
// dark colors
|
||||||
|
$dark_bg_color: #444;
|
||||||
|
$dark_fg_color: #eee;
|
||||||
|
|
||||||
|
// shadows
|
||||||
|
$dark_shadow: #000;
|
||||||
|
$light_shadow: #fff;
|
||||||
|
|
||||||
|
// 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: #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: $bg_color;
|
||||||
|
$menubar_fg_color: $fg_color;
|
||||||
|
|
||||||
|
$panel_bg_color: $dark_bg_color;
|
||||||
|
$panel_fg_color: $dark_fg_color;
|
||||||
|
|
||||||
|
$osd_bg: $dark_bg_color;
|
||||||
|
$osd_fg: $dark_fg_color;
|
||||||
|
|
||||||
|
$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);
|
||||||
|
|
||||||
|
// widget styles
|
||||||
|
$roundness: 2px;
|
||||||
|
$spacing: 5px;
|
||||||
|
$gradient: 0;
|
||||||
|
$contrast: .8;
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
@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";
|
||||||
|
|
@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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; }
|
||||||
|
}
|
||||||
|
|
@ -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, &:prelight, &: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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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, &:prelight, &: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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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, &:prelight {
|
||||||
|
@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);
|
||||||
|
|
||||||
|
&:prelight {
|
||||||
|
@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,118 @@
|
||||||
|
/***********************
|
||||||
|
! Unity Greeter *
|
||||||
|
***********************/
|
||||||
|
|
||||||
|
@include exports("unity-greeter") {
|
||||||
|
|
||||||
|
|
||||||
|
.lightdm.menu {
|
||||||
|
background-image: none;
|
||||||
|
background-color: alpha($black, 0.6);
|
||||||
|
border-color: alpha($white, 0.2);
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 1px;
|
||||||
|
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lightdm-combo .menu {
|
||||||
|
background-color: shade($dark_bg_color, 1.08);
|
||||||
|
border-radius: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lightdm.menu .menuitem *,
|
||||||
|
.lightdm.menu .menuitem.check:active,
|
||||||
|
.lightdm.menu .menuitem.radio:active {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lightdm.menubar {
|
||||||
|
background-image: none;
|
||||||
|
background-color: alpha(#00ff00, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.lightdm-combo.combobox-entry .button,
|
||||||
|
.lightdm-combo .cell,
|
||||||
|
.lightdm-combo .button,
|
||||||
|
.lightdm-combo .entry,
|
||||||
|
|
||||||
|
.lightdm.button{
|
||||||
|
background-image: none;
|
||||||
|
background-color: alpha($black, 0.3);
|
||||||
|
border-color: alpha($white, 0.9);
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 5px;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
.lightdm.button:hover {
|
||||||
|
background-image: none;
|
||||||
|
background-color: alpha($white, 0.3);
|
||||||
|
border-color: alpha($white, 0.6);
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 5px;
|
||||||
|
color: $white;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
.lightdm.button:active,
|
||||||
|
.lightdm.button:active:focused,
|
||||||
|
.lightdm.button:focused,
|
||||||
|
|
||||||
|
.lightdm.entry {
|
||||||
|
background-image: none;
|
||||||
|
background-color: alpha($black, 0.3);
|
||||||
|
border-color: alpha($white, 0.6);
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 7px;
|
||||||
|
color: $white;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
.lightdm.entry:hover,
|
||||||
|
.lightdm.entry:active,
|
||||||
|
.lightdm.entry:active:focused {
|
||||||
|
background-image: none;
|
||||||
|
border-image: none;
|
||||||
|
}
|
||||||
|
.lightdm.entry:focused {
|
||||||
|
border-color: alpha($white, 0.6);
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
.lightdm.entry:selected {
|
||||||
|
background-color: alpha($white, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
@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: alpha($white, 0.3);
|
||||||
|
border-color: alpha($white, 0.3);
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
.lightdm.toggle-button.selected {
|
||||||
|
background-color: alpha($black, 0.3);
|
||||||
|
border-color: alpha($white, 0.3);
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,70 @@
|
||||||
|
@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 $wm_border_focused;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-radius: 2px 2px 0 0;
|
||||||
|
padding: 1px ($spacing * 2) 0;
|
||||||
|
background-color: $titlebar_bg_color;
|
||||||
|
color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
|
||||||
|
text-shadow: none;
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
border: 1px solid $wm_border_unfocused;
|
||||||
|
color: mix($titlebar_fg_color, $titlebar_bg_color, .4);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left, &.right, &.bottom {
|
||||||
|
background-color: $wm_border_focused;
|
||||||
|
|
||||||
|
&:backdrop { background-color: $wm_border_unfocused; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
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; }
|
||||||
|
}
|
||||||
|
|
@ -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; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
$variant: "dark";
|
||||||
|
|
||||||
|
@import "widgets";
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
$variant: "light";
|
||||||
|
|
||||||
|
@import "widgets";
|
||||||
|
|
@ -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; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,100 @@
|
||||||
|
/**************
|
||||||
|
! 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;
|
||||||
|
|
||||||
|
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;
|
||||||
|
|
||||||
|
&:prelight {
|
||||||
|
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); }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,361 @@
|
||||||
|
/*********
|
||||||
|
! 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);
|
||||||
|
|
||||||
|
@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: $white;
|
||||||
|
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: $white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&: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($bg, $fg, .5);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.separator, .separator {
|
||||||
|
border: 1px solid currentColor;
|
||||||
|
color: shade($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(shade($bg_color, 1.2), $fg_color);
|
||||||
|
|
||||||
|
&.default { @include button($selected_bg_color, $selected_fg_color); }
|
||||||
|
|
||||||
|
&.linked, .linked & { @include linked_button(shade($bg_color, 1.2)); }
|
||||||
|
|
||||||
|
.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; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
/**********
|
||||||
|
! Calendar
|
||||||
|
***********/
|
||||||
|
|
||||||
|
@include exports("calendar") {
|
||||||
|
GtkCalendar {
|
||||||
|
padding: $spacing;
|
||||||
|
outline-offset: -1px;
|
||||||
|
|
||||||
|
&:inconsistent { color: mix($fg_color, $bg_color, .5); }
|
||||||
|
|
||||||
|
&.view, &.highlight, &.header, &.button {
|
||||||
|
&, &:focus, &:hover, &:insensitive {
|
||||||
|
border: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.highlight { color: $selected_bg_color; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* gnome-calendar */
|
||||||
|
.calendar-view {
|
||||||
|
background-color: $base_color;
|
||||||
|
color: $text_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,125 @@
|
||||||
|
/***************
|
||||||
|
! Color chooser
|
||||||
|
****************/
|
||||||
|
|
||||||
|
@include exports("colorchooser") {
|
||||||
|
GtkColorSwatch {
|
||||||
|
&, &:selected {
|
||||||
|
border: 1px solid alpha($black, .1);
|
||||||
|
border-radius: $roundness - 1px;
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -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; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,250 @@
|
||||||
|
@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: transparent;
|
||||||
|
background-image: none;
|
||||||
|
color: $menu_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($menu_bg_color, $menu_fg_color); }
|
||||||
|
|
||||||
|
.button { @include button($menu_bg_color, $menu_fg_color); }
|
||||||
|
|
||||||
|
> .list, > .view, > .toolbar { background-color: transparent; }
|
||||||
|
|
||||||
|
.separator {
|
||||||
|
border: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
color: alpha($menu_bg_color, .5);
|
||||||
|
font-size: 80%;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
GtkModelButton.button {
|
||||||
|
&, &:backdrop {
|
||||||
|
@include button(transparent, currentColor);
|
||||||
|
|
||||||
|
&:focus:hover, &:active:hover, &:hover, &:selected {
|
||||||
|
background-image: none;
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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: 0;
|
||||||
|
-GtkDialog-action-area-border: $spacing;
|
||||||
|
-GtkDialog-button-spacing: 0;
|
||||||
|
|
||||||
|
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; }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,126 @@
|
||||||
|
@import "button";
|
||||||
|
|
||||||
|
|
||||||
|
/**********
|
||||||
|
! Notebook
|
||||||
|
***********/
|
||||||
|
|
||||||
|
@include exports("notebook") {
|
||||||
|
.notebook {
|
||||||
|
padding: 0;
|
||||||
|
border-width: 1px 0 0;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: border_normal($base_color);
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: $base_color;
|
||||||
|
background-image: none;
|
||||||
|
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 { border-width: 1px; }
|
||||||
|
|
||||||
|
&.header {
|
||||||
|
border-width: 0;
|
||||||
|
background-color: shade($base_color, .9);
|
||||||
|
|
||||||
|
&.frame {
|
||||||
|
border-color: border_normal($base_color);
|
||||||
|
|
||||||
|
&.top { border-width: 1px 1px 0; }
|
||||||
|
|
||||||
|
&.right { border-width: 1px 1px 1px 0; }
|
||||||
|
|
||||||
|
&.bottom { border-width: 0 1px 1px; }
|
||||||
|
|
||||||
|
&.left { border-width: 1px 0 1px 1px; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
GtkViewport {
|
||||||
|
border-width: 0;
|
||||||
|
background-color: $base_color;
|
||||||
|
color: $text_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
tab {
|
||||||
|
padding: ($spacing + 1px) ($spacing * 2);
|
||||||
|
border: 1px solid transparent;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: shade($base_color, .95);
|
||||||
|
border-color: shade($base_color, .8);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: $base_color;
|
||||||
|
background-image: none;
|
||||||
|
border-color: shade($base_color, .85);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.top {
|
||||||
|
border-bottom-width: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.right {
|
||||||
|
border-left-width: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
&.bottom {
|
||||||
|
border-top-width: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left {
|
||||||
|
border-right-width: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
GtkLabel { color: mix($text_color, $base_color, .3); }
|
||||||
|
|
||||||
|
/* close button styling */
|
||||||
|
.button { @extend %close_button; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.prelight-page {
|
||||||
|
&, GtkLabel { color: mix($text_color, $base_color, .15); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.active-page {
|
||||||
|
&, GtkLabel { color: $text_color; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,131 @@
|
||||||
|
@import "button";
|
||||||
|
|
||||||
|
|
||||||
|
/*******
|
||||||
|
! OSD *
|
||||||
|
********/
|
||||||
|
|
||||||
|
@include exports("osd") {
|
||||||
|
GtkOverlay.osd { background-color: transparent; }
|
||||||
|
|
||||||
|
.osd {
|
||||||
|
&.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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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); }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,173 @@
|
||||||
|
/*****************
|
||||||
|
! 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, &.bottom {
|
||||||
|
@include linear-gradient($selected_bg_color);
|
||||||
|
|
||||||
|
border-color: $selected_bg_color;
|
||||||
|
|
||||||
|
&:insensitive {
|
||||||
|
@include linear-gradient(shade($bg_color, .8));
|
||||||
|
|
||||||
|
border-color: shade($bg_color, .7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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: shade($bg_color, .5);
|
||||||
|
|
||||||
|
&:hover { background-color: shade($bg_color, .3); }
|
||||||
|
|
||||||
|
&:active { background-color: $selected_bg_color; }
|
||||||
|
|
||||||
|
&.fine-tune:prelight: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); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,108 @@
|
||||||
|
/*********
|
||||||
|
! 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:prelight {
|
||||||
|
border: 0;
|
||||||
|
background-image: none;
|
||||||
|
background-color: shade($selected_bg_color, 1.05);
|
||||||
|
color: $selected_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:prelight {
|
||||||
|
border: 0;
|
||||||
|
background-image: none;
|
||||||
|
background-color: shade($bg_color, 1.05);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame { border-width: 0; }
|
||||||
|
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
GtkPaned:dir(rtl) {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: $spacing;
|
||||||
|
}
|
||||||
|
|
||||||
|
GtkPaned .pane-separator { background-color: shade($bg_color, .9); }
|
||||||
|
|
||||||
|
GtkPaned.wide {
|
||||||
|
-GtkPaned-handle-size: 4;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
GtkPaned.wide .pane-separator {
|
||||||
|
background-color: transparent;
|
||||||
|
border-style: none solid;
|
||||||
|
border-color: shade($bg_color, .9);
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
GtkPaned.wide.vertical .pane-separator { border-style: solid none; }
|
||||||
|
}
|
||||||
|
|
@ -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; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,116 @@
|
||||||
|
/***********************
|
||||||
|
! Check and Radio items
|
||||||
|
************************/
|
||||||
|
|
||||||
|
$suffix: if($variant == "dark", "-dark", "");
|
||||||
|
|
||||||
|
@mixin toggle($type) {
|
||||||
|
background-image: none;
|
||||||
|
|
||||||
|
-gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.png");
|
||||||
|
|
||||||
|
&:insensitive { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.png"); }
|
||||||
|
|
||||||
|
&:checked, &:active {
|
||||||
|
-gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.png");
|
||||||
|
|
||||||
|
&:insensitive { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.png"); }
|
||||||
|
}
|
||||||
|
|
||||||
|
&:inconsistent {
|
||||||
|
-gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.png");
|
||||||
|
|
||||||
|
&:insensitive { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.png"); }
|
||||||
|
}
|
||||||
|
|
||||||
|
&.menuitem {
|
||||||
|
-gtk-icon-source: none;
|
||||||
|
|
||||||
|
&:insensitive { -gtk-icon-source: none; }
|
||||||
|
|
||||||
|
&:checked, &:active {
|
||||||
|
-gtk-icon-source: url("../assets/menuitem-#{$type}-checked.png");
|
||||||
|
|
||||||
|
&:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.png"); }
|
||||||
|
|
||||||
|
&:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.png"); }
|
||||||
|
}
|
||||||
|
|
||||||
|
&:inconsistent {
|
||||||
|
-gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.png");
|
||||||
|
|
||||||
|
&:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.png"); }
|
||||||
|
|
||||||
|
&:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.png"); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include exports("checkradio") {
|
||||||
|
* {
|
||||||
|
-GtkCheckButton-indicator-size: 16;
|
||||||
|
-GtkCheckMenuItem-indicator-size: 16;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio { @include toggle("radio"); }
|
||||||
|
|
||||||
|
.check { @include toggle("checkbox"); }
|
||||||
|
|
||||||
|
GtkIconView.content-view.cell.check {
|
||||||
|
-gtk-icon-source: url("assets/grid-selection-unchecked#{$suffix}.png");
|
||||||
|
|
||||||
|
&:active { -gtk-icon-source: url("assets/grid-selection-checked#{$suffix}.png"); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/********
|
||||||
|
! 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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,123 @@
|
||||||
|
@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($bg, $fg); }
|
||||||
|
|
||||||
|
.button.linked, .linked .button { @include linked_button($bg); }
|
||||||
|
|
||||||
|
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);
|
||||||
|
|
||||||
|
border-style: none;
|
||||||
|
|
||||||
|
&.inline-toolbar {
|
||||||
|
background-image: none;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-bar {
|
||||||
|
@include toolbar($titlebar_bg_color, $titlebar_fg_color);
|
||||||
|
|
||||||
|
border-width: 0 0 1px;
|
||||||
|
border-style: solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,191 @@
|
||||||
|
/***************
|
||||||
|
! 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;
|
||||||
|
|
||||||
|
&:prelight { background-color: alpha($selected_bg_color, .6); }
|
||||||
|
|
||||||
|
&:selected, &:active { background-color: $selected_bg_color; }
|
||||||
|
|
||||||
|
&:insensitive { background-color: shade($base_color, .9); }
|
||||||
|
|
||||||
|
&.check {
|
||||||
|
&, &:active, &:prelight, &: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;
|
||||||
|
|
||||||
|
&.dnd { border: 1px solid $selected_bg_color; }
|
||||||
|
|
||||||
|
.entry {
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: $base_color;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/***********
|
||||||
|
! 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; }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,57 @@
|
||||||
|
/**************
|
||||||
|
! 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;
|
||||||
|
|
||||||
|
/* this is used for the resize cursor area */
|
||||||
|
margin: $spacing * 3;
|
||||||
|
|
||||||
|
&.tiled { border-radius: 0; }
|
||||||
|
|
||||||
|
&.solid-csd {
|
||||||
|
border-radius: 0;
|
||||||
|
margin: 1px;
|
||||||
|
background-color: $bg_color;
|
||||||
|
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 {
|
||||||
|
&.maximized { border-radius: 0; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[Settings]
|
|
||||||
gtk-auto-mnemonics = 1
|
|
||||||
gtk-visible-focus = automatic
|
|
||||||
|
|
@ -9,12 +9,12 @@
|
||||||
</info>
|
</info>
|
||||||
|
|
||||||
<!-- ::: CONSTANTS ::: -->
|
<!-- ::: CONSTANTS ::: -->
|
||||||
<constant name="C_titlebar" value="#2d2d2d" />
|
<constant name="C_titlebar" value="#333333" />
|
||||||
<constant name="C_border_focused" value="#484848" />
|
<constant name="C_border_focused" value="#484848" />
|
||||||
<constant name="C_border_unfocused" value="#393939" />
|
<constant name="C_border_unfocused" value="#393939" />
|
||||||
<constant name="C_title_focused" value="#dcdcdc" />
|
<constant name="C_title_focused" value="#eeeeee" />
|
||||||
<constant name="C_title_unfocused" value="#888888" />
|
<constant name="C_title_unfocused" value="#888888" />
|
||||||
<constant name="C_icons_focused" value="#dcdcdc" />
|
<constant name="C_icons_focused" value="#eeeeee" />
|
||||||
<constant name="C_icons_focused_prelight" value="gtk:bg[SELECTED])" />
|
<constant name="C_icons_focused_prelight" value="gtk:bg[SELECTED])" />
|
||||||
<constant name="C_icons_focused_pressed" value="shade/gtk:bg[SELECTED]/0.8" />
|
<constant name="C_icons_focused_pressed" value="shade/gtk:bg[SELECTED]/0.8" />
|
||||||
<constant name="C_icons_unfocused" value="#888888" />
|
<constant name="C_icons_unfocused" value="#888888" />
|
||||||
|
|
|
||||||
|
|
@ -9,12 +9,12 @@
|
||||||
</info>
|
</info>
|
||||||
|
|
||||||
<!-- ::: CONSTANTS ::: -->
|
<!-- ::: CONSTANTS ::: -->
|
||||||
<constant name="C_titlebar" value="gtk:custom(wm_bg,#2d2d2d)" />
|
<constant name="C_titlebar" value="gtk:custom(wm_bg,#333333)" />
|
||||||
<constant name="C_border_focused" value="gtk:custom(wm_border_focused,#484848)" />
|
<constant name="C_border_focused" value="gtk:custom(wm_border_focused,#484848)" />
|
||||||
<constant name="C_border_unfocused" value="gtk:custom(wm_border_unfocused,#393939)" />
|
<constant name="C_border_unfocused" value="gtk:custom(wm_border_unfocused,#393939)" />
|
||||||
<constant name="C_title_focused" value="gtk:custom(wm_title_focused,#dcdcdc)" />
|
<constant name="C_title_focused" value="gtk:custom(wm_title_focused,#eeeeee)" />
|
||||||
<constant name="C_title_unfocused" value="gtk:custom(wm_title_unfocused,#888888)" />
|
<constant name="C_title_unfocused" value="gtk:custom(wm_title_unfocused,#888888)" />
|
||||||
<constant name="C_icons_focused" value="gtk:custom(wm_icons_focused,#dcdcdc)" />
|
<constant name="C_icons_focused" value="gtk:custom(wm_icons_focused,#eeeeee)" />
|
||||||
<constant name="C_icons_focused_prelight" value="gtk:custom(wm_icons_focused_prelight,gtk:bg[SELECTED])" />
|
<constant name="C_icons_focused_prelight" value="gtk:custom(wm_icons_focused_prelight,gtk:bg[SELECTED])" />
|
||||||
<constant name="C_icons_focused_pressed" value="gtk:custom(wm_icons_focused_pressed,shade/gtk:bg[SELECTED]/0.8)" />
|
<constant name="C_icons_focused_pressed" value="gtk:custom(wm_icons_focused_pressed,shade/gtk:bg[SELECTED]/0.8)" />
|
||||||
<constant name="C_icons_unfocused" value="gtk:custom(wm_icons_unfocused,#888888)" />
|
<constant name="C_icons_unfocused" value="gtk:custom(wm_icons_unfocused,#888888)" />
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue