SASS port started

pull/161/head
Satyajit Sahoo 2014-07-06 01:24:53 +05:30
parent e5bf1a4133
commit 6eff3bdc1f
21 changed files with 684 additions and 5757 deletions

3
.gitignore vendored
View File

@ -1,2 +1,5 @@
# Ignore Backup Copies from Text Editor
*~
# Ignore SASS files
.sass-cache
gen

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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 {
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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");

View File

@ -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

View File

@ -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 */
@define-color dark_bg_color #2d2d2d;
@define-color dark_fg_color #dcdcdc;
/* colormap actually used by the theme, to be overridden in other css files */
@define-color theme_bg_color @bg_color;
@define-color theme_fg_color @fg_color;
@define-color theme_base_color @base_color;
@define-color theme_text_color @text_color;
@define-color theme_selected_bg_color @selected_bg_color;
@define-color theme_selected_fg_color @selected_fg_color;
@define-color theme_tooltip_bg_color @tooltip_bg_color;
@define-color theme_tooltip_fg_color @tooltip_fg_color;
/* shadow effects */
@define-color light_shadow #fff;
@define-color dark_shadow #000;
/* misc colors used by gtk+ */
@define-color info_fg_color rgb (58, 135, 173);
@define-color info_bg_color rgb (217, 237, 247);
@define-color warning_fg_color rgb (192, 152, 83);
@define-color warning_bg_color rgb (252, 248, 227);
@define-color question_fg_color rgb (214, 73, 55);
@define-color question_bg_color rgb (252, 229, 213);
@define-color error_fg_color rgb (185, 74, 72);
@define-color error_bg_color rgb (242, 222, 222);
@define-color link_color #fc6f5d;
@define-color success_color #53a93f;
@define-color warning_color #f57900;
@define-color error_color #cc0000;
/* widget colors */
@define-color titlebar_bg_color @dark_bg_color;
@define-color titlebar_fg_color @dark_fg_color;
@define-color menubar_bg_color @dark_bg_color;
@define-color menubar_fg_color @dark_fg_color;
@define-color toolbar_bg_color @theme_bg_color;
@define-color toolbar_fg_color @theme_fg_color;
@define-color menu_bg_color @dark_bg_color;
@define-color menu_fg_color @dark_fg_color;
@define-color panel_bg_color @dark_bg_color;
@define-color panel_fg_color @dark_fg_color;
/* osd */
@define-color osd_base @dark_bg_color;
@define-color osd_fg @dark_fg_color;
@define-color osd_bg alpha(@osd_base, 0.8);
/* lightdm greeter colors */
@define-color lightdm_bg_color @dark_bg_color;
@define-color lightdm_fg_color @dark_fg_color;
/* window manager colors */
@define-color wm_bg @titlebar_bg_color;
@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12);
@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
@define-color wm_icons_focused_prelight @selected_bg_color;
@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8);
@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
@define-color wm_icons_unfocused_prelight @selected_bg_color;
@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8);
@import url("gtk-widgets.css");
@import url("gtk-widgets-assets.css");
@import url("apps/gnome-applications.css");
@import url("apps/granite-widgets.css");
@import url("apps/unity.css");
@import url("apps/xfce.css");
@import url("apps/nemo.css");
@import url("apps/synaptic.css");
@import url("apps/lightdm-gtk-greeter.css");
@import url("gen/widgets.css");

View File

@ -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; }
}

View File

@ -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); }
}

View File

@ -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); }
}

View File

@ -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); }
}

View File

@ -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;

View File

@ -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;
}
}

View File

@ -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; }
}

View File

@ -0,0 +1,5 @@
@import "base";
@import "button";
@import "entry";
@import "menu";
@import "toolbar";

View File

@ -1,3 +0,0 @@
[Settings]
gtk-auto-mnemonics = 1
gtk-visible-focus = automatic