SASS port started
Satyajit Sahoo
parent
e5bf1a4133
commit
6eff3bdc1f
|
|
@ -1,2 +1,5 @@
|
||||||
# Ignore Backup Copies from Text Editor
|
# Ignore Backup Copies from Text Editor
|
||||||
*~
|
*~
|
||||||
|
# Ignore SASS files
|
||||||
|
.sass-cache
|
||||||
|
gen
|
||||||
|
|
|
||||||
|
|
@ -1,400 +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-canvas-item {
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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,670 +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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/****************
|
|
||||||
* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*********
|
|
||||||
* 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: @panel_bg_color;
|
|
||||||
background-image: none;
|
|
||||||
color: @panel_fg_color;
|
|
||||||
font: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel .menubar .menuitem {
|
|
||||||
padding: 1px 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shadow {
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: linear-gradient(to bottom,
|
|
||||||
rgba(0, 0, 0, 0.3),
|
|
||||||
transparent
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.composited-indicator,
|
|
||||||
.wingpanel-app-button,
|
|
||||||
.wingpanel-indicator-button {
|
|
||||||
padding: 0 2px;
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
color: @osd_fg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.composited-indicator.menuitem:active,
|
|
||||||
.composited-indicator.menuitem:prelight {
|
|
||||||
border-style: none;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
@ -1,250 +0,0 @@
|
||||||
/*********
|
|
||||||
* 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 {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
#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 .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 {
|
|
||||||
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,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,38 +0,0 @@
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
@ -1,85 +0,0 @@
|
||||||
/* default color scheme */
|
|
||||||
@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("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,379 +0,0 @@
|
||||||
/*******************
|
|
||||||
* check and radio *
|
|
||||||
*******************/
|
|
||||||
.check,
|
|
||||||
.check row:selected,
|
|
||||||
.check row:selected:focus {
|
|
||||||
background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
|
|
||||||
background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:insensitive,
|
|
||||||
.check row:selected:insensitive,
|
|
||||||
.check row:selected:focus:insensitive {
|
|
||||||
background-image: linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
|
|
||||||
background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:active,
|
|
||||||
.check row:selected:active,
|
|
||||||
.check row:selected:focus:active {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent),
|
|
||||||
linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent),
|
|
||||||
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
|
|
||||||
background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:active:insensitive,
|
|
||||||
.check row:selected:active:insensitive,
|
|
||||||
.check row:selected:focus:active:insensitive {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
linear-gradient(45deg, transparent, transparent 30%, shade(@theme_base_color, 0.6) 30%, shade(@theme_base_color, 0.6) 70%, transparent 70%, transparent),
|
|
||||||
linear-gradient(-45deg, transparent, transparent 37%, shade(@theme_base_color, 0.6) 37%, shade(@theme_base_color, 0.6) 62%, transparent 62%, transparent),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
|
|
||||||
background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:inconsistent,
|
|
||||||
.check row:selected:inconsistent,
|
|
||||||
.check row:selected:focus:inconsistent {
|
|
||||||
background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color),
|
|
||||||
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
|
|
||||||
background-size: 50% 12%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.check:inconsistent:insensitive,
|
|
||||||
.check row:selected:inconsistent:insensitive,
|
|
||||||
.check row:selected:focus:inconsistent:insensitive {
|
|
||||||
background-image: linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
|
|
||||||
background-size: 50% 12%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio,
|
|
||||||
.radio row:selected,
|
|
||||||
.radio row:selected:focus {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center;
|
|
||||||
background-size: 90% 90%, 100% 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:insensitive,
|
|
||||||
.radio row:selected:insensitive,
|
|
||||||
.radio row:selected:focus:insensitive {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center;
|
|
||||||
background-size: 90% 90%, 100% 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:active,
|
|
||||||
.radio row:selected:active,
|
|
||||||
.radio row:selected:focus:active {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center, center center;
|
|
||||||
background-size: 40% 40%, 90% 90%, 100% 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:active:insensitive,
|
|
||||||
.radio row:selected:active:insensitive,
|
|
||||||
.radio row:selected:focus:active:insensitive {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center, center center;
|
|
||||||
background-size: 40% 40%, 90% 90%, 100% 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:inconsistent,
|
|
||||||
.radio row:selected:inconsistent,
|
|
||||||
.radio row:selected:focus:inconsistent {
|
|
||||||
background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center, center center;
|
|
||||||
background-size: 50% 12%, 90% 90%, 100% 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio:inconsistent:insensitive,
|
|
||||||
.radio row:selected:inconsistent:insensitive,
|
|
||||||
.radio row:selected:focus:inconsistent:insensitive {
|
|
||||||
background-image: linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center, center center;
|
|
||||||
background-size: 50% 12%, 90% 90%, 100% 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.check:active {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent),
|
|
||||||
linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent);
|
|
||||||
|
|
||||||
background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%;
|
|
||||||
background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.check:active:hover {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)),
|
|
||||||
linear-gradient(45deg, transparent, transparent 30%, @theme_selected_fg_color 30%, @theme_selected_fg_color 70%, transparent 70%, transparent),
|
|
||||||
linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_fg_color 37%, @theme_selected_fg_color 62%, transparent 62%, transparent);
|
|
||||||
|
|
||||||
background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%;
|
|
||||||
background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.check:active:insensitive {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)),
|
|
||||||
linear-gradient(45deg, transparent, transparent 30%, mix(@menu_fg_color, @menu_bg_color, 0.5) 30%, mix(@menu_fg_color, @menu_bg_color, 0.5) 70%, transparent 70%, transparent),
|
|
||||||
linear-gradient(-45deg, transparent, transparent 37%, mix(@menu_fg_color, @menu_bg_color, 0.5) 37%, mix(@menu_fg_color, @menu_bg_color, 0.5) 62%, transparent 62%, transparent);
|
|
||||||
|
|
||||||
background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%;
|
|
||||||
background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.radio:active {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent));
|
|
||||||
background-position: center center;
|
|
||||||
background-size: 40% 40%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.radio:active:hover {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent));
|
|
||||||
background-position: center center;
|
|
||||||
background-size: 40% 40%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.radio:active:insensitive {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent));
|
|
||||||
background-position: center center;
|
|
||||||
background-size: 40% 40%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.check:inconsistent,
|
|
||||||
.menuitem.radio:inconsistent {
|
|
||||||
background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color);
|
|
||||||
|
|
||||||
background-position: center center;
|
|
||||||
background-size: 50% 12%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.check:inconsistent:hover,
|
|
||||||
.menuitem.radio:inconsistent:hover {
|
|
||||||
background-image: linear-gradient(to bottom, @theme_selected_fg_color, @theme_selected_fg_color);
|
|
||||||
|
|
||||||
background-position: center center;
|
|
||||||
background-size: 50% 12%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.check:inconsistent:insensitive,
|
|
||||||
.menuitem.radio:inconsistent:insensitive {
|
|
||||||
background-image: linear-gradient(to bottom, mix(@menu_fg_color, @menu_bg_color, 0.5), mix(@menu_fg_color, @menu_bg_color, 0.5));
|
|
||||||
|
|
||||||
background-position: center center;
|
|
||||||
background-size: 50% 12%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
GtkIconView.content-view.cell.check {
|
|
||||||
background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
|
|
||||||
background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
GtkIconView.content-view.cell.check:active {
|
|
||||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
|
|
||||||
linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent),
|
|
||||||
linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent),
|
|
||||||
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
|
|
||||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
|
|
||||||
|
|
||||||
background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
|
|
||||||
background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************
|
|
||||||
* pane separator *
|
|
||||||
******************/
|
|
||||||
.pane-separator,
|
|
||||||
.pane-separator.horizontal {
|
|
||||||
background-image: linear-gradient(to bottom,
|
|
||||||
shade(@theme_bg_color, 0.8) 0%,
|
|
||||||
shade(@theme_bg_color, 0.8) 20%,
|
|
||||||
transparent 20%,
|
|
||||||
transparent 45%,
|
|
||||||
shade(@theme_bg_color, 0.8) 45%,
|
|
||||||
shade(@theme_bg_color, 0.8) 55%,
|
|
||||||
transparent 55%,
|
|
||||||
transparent 80%,
|
|
||||||
shade(@theme_bg_color, 0.8) 80%,
|
|
||||||
shade(@theme_bg_color, 0.8)
|
|
||||||
);
|
|
||||||
|
|
||||||
background-size: 4px 10px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pane-separator.vertical {
|
|
||||||
background-image: linear-gradient(to right,
|
|
||||||
shade(@theme_bg_color, 0.8) 0%,
|
|
||||||
shade(@theme_bg_color, 0.8) 20%,
|
|
||||||
transparent 20%,
|
|
||||||
transparent 45%,
|
|
||||||
shade(@theme_bg_color, 0.8) 45%,
|
|
||||||
shade(@theme_bg_color, 0.8) 55%,
|
|
||||||
transparent 55%,
|
|
||||||
transparent 80%,
|
|
||||||
shade(@theme_bg_color, 0.8) 80%,
|
|
||||||
shade(@theme_bg_color, 0.8)
|
|
||||||
);
|
|
||||||
|
|
||||||
background-size: 10px 4px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,85 +1,2 @@
|
||||||
/* 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 */
|
@import url("gen/widgets.css");
|
||||||
@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");
|
|
||||||
|
|
@ -0,0 +1,119 @@
|
||||||
|
@import "functions";
|
||||||
|
|
||||||
|
* {
|
||||||
|
-GtkArrow-arrow-scaling: 0.5;
|
||||||
|
-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;
|
||||||
|
-GtkCheckButton-indicator-size: 16;
|
||||||
|
-GtkCheckMenuItem-indicator-size: 14;
|
||||||
|
-GtkExpander-expander-size: 8;
|
||||||
|
-GtkMenu-horizontal-padding: 0;
|
||||||
|
-GtkMenu-vertical-padding: 0;
|
||||||
|
-GtkPaned-handle-size: 4;
|
||||||
|
-GtkProgressBar-min-horizontal-bar-height: 12;
|
||||||
|
-GtkProgressBar-min-vertical-bar-width: 12;
|
||||||
|
-GtkRange-slider-width: 12;
|
||||||
|
-GtkRange-stepper-spacing: 0;
|
||||||
|
-GtkRange-trough-border: 0;
|
||||||
|
-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;
|
||||||
|
-GtkStatusbar-shadow-type: none;
|
||||||
|
-GtkTextView-error-underline-color: $error_color;
|
||||||
|
-GtkToolButton-icon-spacing: 6;
|
||||||
|
-GtkToolItemGroup-expander-size: 8;
|
||||||
|
-GtkTreeView-expander-size: 8;
|
||||||
|
-GtkWindow-resize-grip-height: 0;
|
||||||
|
-GtkWindow-resize-grip-width: 0;
|
||||||
|
-WnckTasklist-fade-overlay-rect: 0;
|
||||||
|
|
||||||
|
/* legacy stuff */
|
||||||
|
-GtkWidget-focus-line-width: 1;
|
||||||
|
-GtkWidget-focus-padding: 0;
|
||||||
|
|
||||||
|
/*
|
||||||
|
outline-color: alpha($selected_bg_color, 0.5);
|
||||||
|
outline-style: dashed;
|
||||||
|
outline-width: 1px;
|
||||||
|
outline-offset: -2px;
|
||||||
|
outline-radius: 2px;
|
||||||
|
*/
|
||||||
|
}
|
||||||
|
|
||||||
|
/***************
|
||||||
|
* base states *
|
||||||
|
***************/
|
||||||
|
* {
|
||||||
|
&:selected,
|
||||||
|
&:selected:focus {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:insensitive,
|
||||||
|
&:insensitive:insensitive { color: mix($fg_color, $bg_color, 50%); }
|
||||||
|
|
||||||
|
&:insensitive { -gtk-image-effect: dim; }
|
||||||
|
|
||||||
|
&:hover { -gtk-image-effect: highlight; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.background {
|
||||||
|
background-color: $bg_color;
|
||||||
|
color: $fg_color;
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
text-shadow: none;
|
||||||
|
icon-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.gtkstyle-fallback {
|
||||||
|
background-color: $bg_color;
|
||||||
|
color: $fg_color;
|
||||||
|
|
||||||
|
&:prelight {
|
||||||
|
background-color: shade($bg_color, 1.1);
|
||||||
|
color: $fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: shade($bg_color, 0.9);
|
||||||
|
color: $fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:insensitive {
|
||||||
|
background-color: shade(shade($bg_color, 0.95), 1.05);
|
||||||
|
color: mix($fg_color, $bg_color, 50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:selected {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
GtkImage, GtkLabel, GtkBox, GtkGrid {
|
||||||
|
&, &:insensitive { background-color: transparent; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/**************
|
||||||
|
* hyperlinks *
|
||||||
|
**************/
|
||||||
|
* {
|
||||||
|
-GtkHTML-link-color: $link_color;
|
||||||
|
-GtkIMHtml-hyperlink-color: $link_color;
|
||||||
|
-GtkWidget-link-color: $link_color;
|
||||||
|
-GtkWidget-visited-link-color: $link_color;
|
||||||
|
|
||||||
|
&:link, &:visited { color: $link_color; }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,105 @@
|
||||||
|
@import "functions";
|
||||||
|
|
||||||
|
@mixin linked_button($bg, $shadow) {
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 0;
|
||||||
|
border-right-width: 0;
|
||||||
|
border-left-width: 0;
|
||||||
|
box-shadow: inset -1px 0 border_normal($bg);
|
||||||
|
|
||||||
|
&: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;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus, &:hover { box-shadow: inset -1px 0 border_focus($bg); }
|
||||||
|
|
||||||
|
&:active, &:active:hover,
|
||||||
|
&:active:focus, &:active:hover:focus {
|
||||||
|
box-shadow: inset -1px 0 border_active($bg),
|
||||||
|
inset 1px 0 alpha($shadow, .07),
|
||||||
|
inset 0 1px alpha($shadow, .08),
|
||||||
|
inset 0 -1px alpha($shadow, .05);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:insensitive { box-shadow: inset -1px 0 border_insensitive($bg); }
|
||||||
|
|
||||||
|
&:last-child, &:only-child,
|
||||||
|
&:insensitive:last-child, &:insensitive:only-child,
|
||||||
|
&:active *:insensitive:last-child, &:active *:insensitive:only-child { box-shadow: none; }
|
||||||
|
|
||||||
|
&:active:last-child, &:active:only-child {
|
||||||
|
box-shadow: inset 1px 0 alpha($shadow, .07),
|
||||||
|
inset 0 1px alpha($shadow, .08),
|
||||||
|
inset -1px 0 alpha($shadow, .07);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin button($bg, $fg) {
|
||||||
|
@include linear-gradient(shade($bg, 1.05));
|
||||||
|
@include border(shade($bg, 1.05));
|
||||||
|
|
||||||
|
padding: ($spacing - 1px) ($spacing + 1px);
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: $roundness;
|
||||||
|
border-style: solid;
|
||||||
|
color: $fg;
|
||||||
|
transition: 100ms ease;
|
||||||
|
|
||||||
|
-GtkWidget-focus-padding: 1;
|
||||||
|
-GtkWidget-focus-line-width: 0;
|
||||||
|
|
||||||
|
&:focus, &:hover { @include linear-gradient(shade($bg, 1.1)); }
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
@include linear-gradient(shade($bg, .95));
|
||||||
|
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:insensitive {
|
||||||
|
@include linear-gradient(shade($bg, .95));
|
||||||
|
|
||||||
|
color: mix($bg, $fg, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active *:insensitive {
|
||||||
|
@include linear-gradient(shade($bg, .8));
|
||||||
|
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.separator, .separator {
|
||||||
|
color: shade($bg, .95);
|
||||||
|
border: 1px solid currentColor;
|
||||||
|
|
||||||
|
&:insensitive { color: shade($bg, .85); }
|
||||||
|
}
|
||||||
|
|
||||||
|
&.linked, &.raised.linked, .linked & { @include linked_button(shade($bg, 1.05), $dark_shadow); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
@include button($bg_color, $fg_color);
|
||||||
|
|
||||||
|
&.default { @include button($selected_bg_color, $selected_fg_color); }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,72 @@
|
||||||
|
@import "functions";
|
||||||
|
|
||||||
|
@mixin linked_entry($bg) {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin entry($bg, $fg) {
|
||||||
|
@include linear-gradient($bg);
|
||||||
|
@include border(shade($bg, .9));
|
||||||
|
|
||||||
|
padding: ($spacing - 1px) ($spacing + 1px);
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-radius: $roundness;
|
||||||
|
transition: border 100ms ease;
|
||||||
|
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);
|
||||||
|
|
||||||
|
&:selected, &:selected:focus {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:insensitive {
|
||||||
|
@include linear-gradient(shade($bg, .9));
|
||||||
|
|
||||||
|
color: mix($bg, $fg, .5);
|
||||||
|
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; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry {
|
||||||
|
@include entry($base_color, $text_color);
|
||||||
|
|
||||||
|
.linked & { @include linked_entry($base_color); }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,64 @@
|
||||||
|
@import "global";
|
||||||
|
|
||||||
|
@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 darken($color, ((1 - $amount) * 100));
|
||||||
|
// } @else {
|
||||||
|
// @return lighten($color, (($amount - 1) * 100));
|
||||||
|
// }
|
||||||
|
// } @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 - .1));
|
||||||
|
}
|
||||||
|
|
||||||
|
@function border_active($color) {
|
||||||
|
@return shade($color, ($contrast - .15));
|
||||||
|
}
|
||||||
|
|
||||||
|
@function border_insensitive($color) {
|
||||||
|
@return shade($color, ($contrast + .05));
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin linear-gradient($color, $direction: to bottom) {
|
||||||
|
$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 { border-color: border_active($color); }
|
||||||
|
|
||||||
|
&:insensitive { border-color: border_insensitive($color); }
|
||||||
|
|
||||||
|
&:active *:insensitive { border-color: border_normal($color); }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,43 @@
|
||||||
|
/* default color scheme */
|
||||||
|
$bg_color: #dedede;
|
||||||
|
$fg_color: #555555;
|
||||||
|
$base_color: #f9f9f9;
|
||||||
|
$text_color: #2d2d2d;
|
||||||
|
$selected_bg_color: #d64937;
|
||||||
|
$selected_fg_color: #f9f9f9;
|
||||||
|
$tooltip_bg_color: #2d2d2d;
|
||||||
|
$tooltip_fg_color: #dedede;
|
||||||
|
|
||||||
|
/* dark colors */
|
||||||
|
$dark_bg_color: #2d2d2d;
|
||||||
|
$dark_fg_color: #dedede;
|
||||||
|
|
||||||
|
/* shadows */
|
||||||
|
$dark_shadow: #000;
|
||||||
|
$light_shadow: #fff;
|
||||||
|
|
||||||
|
/* misc colors used by gtk+ */
|
||||||
|
$info_fg_color: rgb (58, 135, 173);
|
||||||
|
$info_bg_color: rgb (217, 237, 247);
|
||||||
|
$warning_fg_color: rgb (192, 152, 83);
|
||||||
|
$warning_bg_color: rgb (252, 248, 227);
|
||||||
|
$question_fg_color: rgb (214, 73, 55);
|
||||||
|
$question_bg_color: rgb (252, 229, 213);
|
||||||
|
$error_fg_color: rgb (185, 74, 72);
|
||||||
|
$error_bg_color: rgb (242, 222, 222);
|
||||||
|
$link_color: #fc6f5d;
|
||||||
|
$success_color: #53a93f;
|
||||||
|
$warning_color: #f57900;
|
||||||
|
$error_color: #cc0000;
|
||||||
|
|
||||||
|
$titlebar_bg_color: $dark_bg_color;
|
||||||
|
$titlebar_fg_color: $dark_fg_color;
|
||||||
|
|
||||||
|
$menu_bg_color: $dark_bg_color;
|
||||||
|
$menu_fg_color: $dark_fg_color;
|
||||||
|
|
||||||
|
/* widget styles */
|
||||||
|
$roundness: 2px;
|
||||||
|
$spacing: 5px;
|
||||||
|
$gradient: 0;
|
||||||
|
$contrast: .7;
|
||||||
|
|
@ -0,0 +1,152 @@
|
||||||
|
@import "functions";
|
||||||
|
@import "entry";
|
||||||
|
|
||||||
|
GtkTreeMenu, GtkMenuToolButton, GtkComboBox {
|
||||||
|
&.menu, .menu {
|
||||||
|
background-color: $menu_bg_color;
|
||||||
|
margin: $spacing;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#toolbar-popup, .menu {
|
||||||
|
padding: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
border-style: none;
|
||||||
|
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 & {
|
||||||
|
padding: $spacing;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: transparent;
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
|
||||||
|
-GtkMenuItem-arrow-scaling: 0.5;
|
||||||
|
|
||||||
|
&:active, &:hover {
|
||||||
|
border-color: shade($selected_bg_color, .9);
|
||||||
|
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, .9);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.button {
|
||||||
|
&, &:active, &:insensitive, &:active:insensitive {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
border-color: transparent;
|
||||||
|
border-style: none;
|
||||||
|
box-shadow: none;
|
||||||
|
color: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover, &:active:hover, &:selected {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
background-image: none;
|
||||||
|
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; }
|
||||||
|
|
||||||
|
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;
|
||||||
|
color: $menu_fg_color;
|
||||||
|
box-shadow: 0 2px 3px alpha(black, .5);
|
||||||
|
|
||||||
|
&:backdrop { box-shadow: none; }
|
||||||
|
|
||||||
|
&.osd {
|
||||||
|
box-shadow: 0 2px 7px 3px alpha(black, .5);
|
||||||
|
|
||||||
|
> .toolbar .button {
|
||||||
|
border-radius: 0;
|
||||||
|
border-width: 0;
|
||||||
|
background-image: none;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .list, > .view, > .toolbar { background-color: transparent; }
|
||||||
|
|
||||||
|
.separator {
|
||||||
|
border: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
color: alpha($menu_bg_color, .5);
|
||||||
|
font-size: 80%;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,120 @@
|
||||||
|
@import "functions";
|
||||||
|
@import "button";
|
||||||
|
|
||||||
|
@mixin toolbar($bg, $fg) {
|
||||||
|
@include linear-gradient($bg);
|
||||||
|
@include border($bg);
|
||||||
|
|
||||||
|
padding: $spacing;
|
||||||
|
color: $fg;
|
||||||
|
|
||||||
|
&:insensitive {
|
||||||
|
@include linear-gradient(darken($bg, 10%));
|
||||||
|
|
||||||
|
color: mix($fg, $bg, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font: bold;
|
||||||
|
padding: 0 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subtitle {
|
||||||
|
font: smaller;
|
||||||
|
padding: 0 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button { @include button($bg, $fg); }
|
||||||
|
|
||||||
|
GtkComboBox, .button {
|
||||||
|
padding: 2px;
|
||||||
|
|
||||||
|
&.text-button { padding: 4px; }
|
||||||
|
|
||||||
|
&.image-button { padding: $spacing ($spacing - 1px) ($spacing - 1px) $spacing; }
|
||||||
|
}
|
||||||
|
|
||||||
|
GtkSeparatorToolItem, .separator, .separator:insensitive {
|
||||||
|
color: border_normal($bg);
|
||||||
|
border-color: currentColor;
|
||||||
|
|
||||||
|
-GtkWidget-window-dragging: true;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubar { -GtkToolbar-button-relief: normal; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar {
|
||||||
|
@include toolbar($bg_color, $fg_color);
|
||||||
|
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-bar {
|
||||||
|
@include toolbar($titlebar_bg_color, $titlebar_fg_color);
|
||||||
|
|
||||||
|
border-width: 0 0 1px 0;
|
||||||
|
border-style: solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar {
|
||||||
|
@include linear-gradient($titlebar_bg_color);
|
||||||
|
|
||||||
|
border-radius: $roundness $roundness 0 0;
|
||||||
|
color: mix($titlebar_fg_color, $titlebar_bg_color, .9);
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
@include linear-gradient($titlebar_bg_color);
|
||||||
|
|
||||||
|
color: mix($titlebar_fg_color, $titlebar_bg_color, .6);
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.default-decoration {
|
||||||
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tiled &, .maximized & { border-radius: 0; }
|
||||||
|
|
||||||
|
.title { font: bold; }
|
||||||
|
|
||||||
|
.titlebutton {
|
||||||
|
padding: $spacing;
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
color: mix($titlebar_fg_color, $titlebar_bg_color, 90%);
|
||||||
|
|
||||||
|
&:hover, &:hover:focus {
|
||||||
|
background: none;
|
||||||
|
color: $selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active, &:active:hover {
|
||||||
|
background: none;
|
||||||
|
color: darken($selected_bg_color, 10%);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
background-image: none;
|
||||||
|
color: mix($titlebar_fg_color, $titlebar_bg_color, 60%);
|
||||||
|
icon-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-frame {
|
||||||
|
margin: 10px;
|
||||||
|
border-style: none;
|
||||||
|
border-radius: $roundness $roundness 0 0;
|
||||||
|
box-shadow: 0 3px 7px 1px fade-out(black, .3),
|
||||||
|
0 0 0 1px mix($titlebar_fg_color, $titlebar_bg_color, 21%);
|
||||||
|
|
||||||
|
&:backdrop {
|
||||||
|
box-shadow: 0 3px 5px 1px fade-out(black, 0.5),
|
||||||
|
0 0 0 1px mix($titlebar_fg_color, $titlebar_bg_color, 12%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.tiled { border-radius: 0; }
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
@import "base";
|
||||||
|
@import "button";
|
||||||
|
@import "entry";
|
||||||
|
@import "menu";
|
||||||
|
@import "toolbar";
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[Settings]
|
|
||||||
gtk-auto-mnemonics = 1
|
|
||||||
gtk-visible-focus = automatic
|
|
||||||
Loading…
Reference in New Issue