Port to GTK 3.24 and recolour to the film palette
The GTK3 sheets targeted GTK 3.18 and broke at 3.20, when the CSS class model was replaced by element nodes. On 3.24 they parsed but matched almost nothing: buttons, entries, tabs, scales and scrollbars rendered as bare rectangles. Rewritten against the node model. gtk-3.0/ gtk.css colour definitions only - recolour the theme here widgets.css all widget rules, node-selector based mate.css MATE panel, applets, window list, Caja, terminal gtk-dark.css alias of gtk.css (the theme is already dark) legacy/ the original 3.18 sheets, moved aside for reference Palette retargeted to the WAR10CK window in Live Free or Die Hard: bg #23425E, accent #BA6A07. Supporting shades derived with the original theme's own ratios (raised x1.42, recessed x0.72). Text had to be lifted - the old #868A8E scores 3.0:1 on #23425E, so normal text is #B4C4D2 (5.85:1) and bright text #E8F0F7 (9.06:1). metacity-1/ pixmaps remapped by projecting each pixel onto the segment between its two nearest source anchors and re-blending against the new ones, so antialiased edges stay clean. Titlebar is ~7px taller, its text is centred and no longer a hardcoded #6d7379 for both focus states, and the idle window-button glyphs are white instead of a dim orange that turned to mud on the lighter bar. Scrollbars are deliberately not accent-coloured; @scrollbar_slider (#454F5A) keeps them quiet at rest and findable on hover. Fixes a transparent-body bug: GtkDialog and GtkAssistant do not use the `window` CSS node in 3.20+, so every dialog, About box and file chooser rendered as a hole through to the desktop. Attribution and the GPL-3.0 modification notice added to README.md, index.theme and metacity-theme-1.xml. Licence unchanged. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
zavage
Executable
+388
@@ -0,0 +1,388 @@
|
||||
/***********************
|
||||
* fallback mode panel *
|
||||
***********************/
|
||||
PanelWidget,
|
||||
PanelApplet,
|
||||
PanelToplevel {
|
||||
padding: 0;
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
PanelApplet {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
PanelSeparator {
|
||||
border-width: 0;
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
color: @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: @bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
PanelAppletFrame {
|
||||
border-width: 0;
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
PanelApplet .button {
|
||||
-GtkButton-inner-border: 2;
|
||||
|
||||
border-width: 0 1px;
|
||||
border-radius: 0;
|
||||
border-color: transparent;
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
PanelApplet .button:active {
|
||||
border-width: 0 1px;
|
||||
border-radius: 0;
|
||||
border-color: @border_color; /*mix(@bg_color, @fg_color, 0.21);*/
|
||||
background-color: @selected_bg_color; /*mix(@bg_color, @fg_color, 0.21);*/
|
||||
background-image: none;
|
||||
color: shade(@fg_color, 1.08);
|
||||
}
|
||||
|
||||
PanelApplet .button:prelight {
|
||||
border-color: @border_color; /*mix(@bg_color, @fg_color, 0.11);*/
|
||||
background-color: @selected_bg_color; /*mix(@bg_color, @fg_color, 0.11);*/
|
||||
background-image: none;
|
||||
color: shade(@fg_color, 1.08);
|
||||
}
|
||||
|
||||
PanelApplet .button:active:prelight {
|
||||
border-color: @border_color; /*mix(@bg_color, @fg_color, 0.31);*/
|
||||
background-color: @selected_bg_color; /*mix(@bg_color, @fg_color, 0.31);*/
|
||||
background-image: none;
|
||||
color: shade(@fg_color, 1.08);
|
||||
}
|
||||
|
||||
WnckPager, WnckTasklist {
|
||||
background-color: @bg_color;
|
||||
}
|
||||
|
||||
/************
|
||||
* nautilus *
|
||||
************/
|
||||
.nautilus-canvas-item {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nautilus-desktop.nautilus-canvas-item {
|
||||
color: #98A8B7; /*white;*/
|
||||
text-shadow: 1px 1px #0B141E;
|
||||
}
|
||||
|
||||
.nautilus-desktop.nautilus-canvas-item:active {
|
||||
color: @theme_fg_color;
|
||||
}
|
||||
|
||||
.nautilus-desktop.nautilus-canvas-item:selected {
|
||||
color: @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(@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: @bg_color;
|
||||
background-color: shade(@bg_color, 0.9);
|
||||
}
|
||||
|
||||
NautilusQueryEditor .toolbar:nth-child(2) {
|
||||
border-color: shade(@bg_color, 0.8);
|
||||
}
|
||||
|
||||
NautilusQueryEditor .toolbar:last-child,
|
||||
NautilusQueryEditor .search-bar.toolbar:only-child {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: shade(@bg_color, 0.8);
|
||||
}
|
||||
|
||||
NautilusCanvasViewContainer.view EelEditableLabel.entry {
|
||||
background-image: none;
|
||||
background: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
/******************
|
||||
* gnome terminal *
|
||||
******************/
|
||||
VteTerminal {
|
||||
background-color: @base_color;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
TerminalWindow GtkNotebook.notebook {
|
||||
border-right-width: 0;
|
||||
border-bottom-width: 0;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
TerminalWindow .scrollbars-junction,
|
||||
TerminalWindow .scrollbar.trough {
|
||||
background-color: @base_color;
|
||||
}
|
||||
|
||||
TerminalWindow .scrollbar.button,
|
||||
TerminalWindow .scrollbar.button:active,
|
||||
TerminalWindow .scrollbar.button:active:hover {
|
||||
color: shade(@base_color, 0.6);
|
||||
}
|
||||
|
||||
TerminalWindow .scrollbar.slider {
|
||||
border-color: mix(shade(@base_color, 0.87), @fg_color, 0.21);
|
||||
background-color: mix(@base_color, @fg_color, 0.21);
|
||||
}
|
||||
|
||||
TerminalWindow .scrollbar.slider:hover,
|
||||
TerminalWindow .scrollbar.slider.vertical:hover {
|
||||
border-color: mix(shade(@base_color, 0.87), @fg_color, 0.31);
|
||||
background-color: mix(@base_color, @fg_color, 0.31);
|
||||
}
|
||||
|
||||
TerminalWindow .scrollbar.slider:active,
|
||||
TerminalWindow .scrollbar.slider.vertical:active {
|
||||
border-color: shade(@selected_bg_color, 0.9);
|
||||
background-color: @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: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
.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: mix(@fg_color, @base_color, 0.5);
|
||||
}
|
||||
|
||||
.gedit-document-panel .list-row .button:hover,
|
||||
.gedit-document-panel .prelight-row .button:hover {
|
||||
color: @fg_color;
|
||||
border-color: alpha(black, 0.1);
|
||||
}
|
||||
|
||||
.gedit-document-panel .prelight-row .button:active {
|
||||
color: @fg_color;
|
||||
background-color: alpha(black, 0.08);
|
||||
border-color: alpha(black, 0.2);
|
||||
}
|
||||
|
||||
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(@base_color, 0.8);
|
||||
background-color: @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: @selected_bg_color;
|
||||
color: @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(@fg_color, @base_color, 0.5);
|
||||
}
|
||||
|
||||
/***************
|
||||
* font-viewer *
|
||||
***************/
|
||||
SushiFontWidget {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
/*************
|
||||
* gucharmap *
|
||||
*************/
|
||||
GucharmapChartable {
|
||||
background-color: @base_color;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
GucharmapChartable:active,
|
||||
GucharmapChartable:focus,
|
||||
GucharmapChartable:selected {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/******************
|
||||
* gnome calendar *
|
||||
******************/
|
||||
.calendar-view {
|
||||
background-color: shade(@base_color, 0.95);
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
/*******************
|
||||
* gnome-bluetooth *
|
||||
*******************/
|
||||
GtkEntry.entry.pin-entry {
|
||||
font: regular 50;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
|
||||
GtkLabel.pin-label {
|
||||
font: regular 50;
|
||||
}
|
||||
@@ -0,0 +1,942 @@
|
||||
|
||||
* {
|
||||
-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: 0;
|
||||
-GtkButton-interior-focus: false;
|
||||
-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: 3;
|
||||
-GtkProgressBar-min-horizontal-bar-height: 19;
|
||||
-GtkProgressBar-min-vertical-bar-width: 19;
|
||||
-GtkRange-slider-width: 8;
|
||||
-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: 42;
|
||||
-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;
|
||||
-GtkHTML-link-color: @link_color;
|
||||
-GtkIMHtml-hyperlink-color: @link_color;
|
||||
-GtkWidget-link-color: @link_color;
|
||||
-GtkWidget-visited-link-color: @link_color;
|
||||
|
||||
/* legacy only */
|
||||
-GtkWidget-focus-line-width: 0;
|
||||
-GtkWidget-focus-padding: 0;
|
||||
|
||||
background-clip: padding-box;
|
||||
outline-style: none;
|
||||
border-color: @border_color;
|
||||
}
|
||||
|
||||
GtkWindow {
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
*:insensitive {
|
||||
color: alpha (shade (@fg_color, 1.08), 0.35);
|
||||
}
|
||||
|
||||
*:active,
|
||||
*:selected,
|
||||
*:selected:focus {
|
||||
background-color: @light_color;
|
||||
color: @fg_color;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* apply effects to insensitive and prelit images */
|
||||
*:insensitive {
|
||||
-gtk-image-effect: dim;
|
||||
}
|
||||
|
||||
.background {
|
||||
background-color: @bg_color;
|
||||
color: @fg_color; }
|
||||
|
||||
.background:backdrop {
|
||||
color: @fg_color; }
|
||||
|
||||
/* separators */
|
||||
.separator {
|
||||
color: @border_color; }
|
||||
|
||||
/* spinners */
|
||||
@keyframes spinner {
|
||||
00.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); }
|
||||
|
||||
10.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.90)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)); }
|
||||
|
||||
20.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.90)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)); }
|
||||
|
||||
30.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
|
||||
|
||||
40.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.50)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)); }
|
||||
|
||||
50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.30)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)); }
|
||||
|
||||
60.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.10)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); }
|
||||
|
||||
70.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.10)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)); }
|
||||
|
||||
80.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.30)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)); }
|
||||
|
||||
90.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.50)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)); }
|
||||
|
||||
100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); }
|
||||
}
|
||||
|
||||
.spinner {
|
||||
background-color: transparent;
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
|
||||
|
||||
background-position: 0% 70%, 33% 70%, 70% 70%;
|
||||
background-size: 30% 30%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.spinner:active {
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent));
|
||||
|
||||
animation: spinner 1s infinite linear;
|
||||
}
|
||||
|
||||
.menu.spinner,
|
||||
.menu .spinner,
|
||||
.menu .spinner:hover,
|
||||
.primary-toolbar .spinner {
|
||||
color: @selected_bg_color;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* buttons */
|
||||
.button {
|
||||
padding: 5px 8px;
|
||||
background-color: @light_color;
|
||||
border-radius: 3px;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.button:hover, .button:active {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
/* .button:checked {
|
||||
background-color: @selected_bg_color;
|
||||
color: @fg_color; } */
|
||||
|
||||
.button.titlebutton {
|
||||
padding: 5px 8px;
|
||||
text-shadow: 1px 1px 0px 0px rgba(0,0,0, 0.1); }
|
||||
|
||||
.button.image-button {
|
||||
padding: 5px 8px;
|
||||
text-shadow: 1px 1px 0px 0px rgba(0,0,0, 0.1); }
|
||||
|
||||
.button.text-button {
|
||||
padding: 5px 8px;
|
||||
text-shadow: 1px 1px 0px 0px rgba(0,0,0, 0.1); }
|
||||
|
||||
.button.suggested-action {
|
||||
font-weight: normal; }
|
||||
|
||||
.button .separator {
|
||||
color: transparent; }
|
||||
|
||||
.button.default,
|
||||
.button.default:focus {
|
||||
border-color: transparent;
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
.button.default:hover {
|
||||
border-color: transparent;
|
||||
background-color: @selected_bg_color
|
||||
}
|
||||
|
||||
.button.default:active,
|
||||
.button.default:hover:active {
|
||||
border-color: transparent;
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
.button.default *:insensitive {
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
/* others buttons */
|
||||
.spinbutton .button {
|
||||
color: @fg_color;
|
||||
padding: 2px 4px;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
border-style: none;
|
||||
background-color: @light_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.spinbutton .button:insensitive {
|
||||
color: mix(@fg_color, @light_color, 0.7);
|
||||
}
|
||||
|
||||
.spinbutton .button:active,
|
||||
.spinbutton .button:checked,
|
||||
.spinbutton .button:hover {
|
||||
color: @selected_fg_color;
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
.spinbutton .button:first-child {
|
||||
border-radius: 2px 0 0 2px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.spinbutton .button:last-child {
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
|
||||
.spinbutton .button:dir(rtl) {
|
||||
}
|
||||
|
||||
|
||||
.spinbutton.vertical .button {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: @light_color;
|
||||
border-radius: 3px;
|
||||
background-color: @light_color;
|
||||
background-image: none;
|
||||
color: @fg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.spinbutton.vertical .button:hover {
|
||||
background-color: @selected_bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.spinbutton.vertical .button:active,
|
||||
.spinbutton.vertical .button:checked {
|
||||
background-color: @selected_bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.spinbutton.vertical .button:active:hover,
|
||||
.spinbutton.vertical .button:checked:hover {
|
||||
}
|
||||
|
||||
.spinbutton.vertical .button:focus,
|
||||
.spinbutton.vertical .button:hover:focus,
|
||||
.spinbutton.vertical .button:active:focus,
|
||||
.spinbutton.vertical .button:active:hover:focus,
|
||||
.spinbutton.vertical .button:checked:focus,
|
||||
.spinbutton.vertical .button:checked:hover:focus {
|
||||
}
|
||||
|
||||
.spinbutton.vertical .button:insensitive {
|
||||
background-color: @light_color;
|
||||
background-image: none;
|
||||
color: mix(@fg_color, @light_color, 0.7);
|
||||
}
|
||||
|
||||
.spinbutton.vertical .button:first-child {
|
||||
border-width: 1px;
|
||||
border-radius: 3px;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.spinbutton.vertical .button:last-child {
|
||||
border-width: 1px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.spinbutton.vertical.entry {
|
||||
border-width: 1px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.combobox-entry .entry {
|
||||
border-right-width: 0px;
|
||||
border-radius: 3px 0px 0px 3px; }
|
||||
|
||||
.combobox-entry .button {
|
||||
padding: 4px;
|
||||
border-width: 0px;
|
||||
border-radius: 0px 3px 3px 0px; }
|
||||
|
||||
/* entries */
|
||||
.entry {
|
||||
padding: 5px;
|
||||
background-color: @dark_color;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: @light_color;
|
||||
border-radius: 3px; }
|
||||
|
||||
.entry:selected {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color; }
|
||||
|
||||
/* styled entries and buttons */
|
||||
.entry.flat,
|
||||
.button.flat {
|
||||
background-color: transparent;
|
||||
border-width: 0px;
|
||||
border-radius: 0px;
|
||||
box-shadow: none; }
|
||||
|
||||
.linked .entry,
|
||||
.linked .button {
|
||||
border-width: 1px;
|
||||
border-left-width: 0px;
|
||||
border-radius: 0px; }
|
||||
.linked .entry:first-child,
|
||||
.linked .button:first-child {
|
||||
border-width: 1px;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px; }
|
||||
.linked .entry:last-child,
|
||||
.linked .button:last-child {
|
||||
border-width: 1px;
|
||||
border-left-width: 0px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px; }
|
||||
|
||||
.linked.vertical .entry,
|
||||
.linked.vertical .button {
|
||||
border-width: 1px;
|
||||
border-top-width: 0px;
|
||||
border-radius: 0px; }
|
||||
.linked.vertical .entry:first-child,
|
||||
.linked.vertical .button:first-child {
|
||||
border-width: 1px;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px; }
|
||||
.linked.vertical .entry:last-child,
|
||||
.linked.vertical .button:last-child {
|
||||
border-width: 1px;
|
||||
border-top-width: 0px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px; }
|
||||
|
||||
.linked .entry:only-child,
|
||||
.linked .button:only-child {
|
||||
border-width: 1px;
|
||||
border-radius: 3px; }
|
||||
|
||||
/* links */
|
||||
/* *:link,
|
||||
*:visited {
|
||||
color: @link_color;
|
||||
}*/
|
||||
|
||||
/* troughs and sliders */
|
||||
.trough {
|
||||
background-color: @dark_color;
|
||||
border-width: 0px;
|
||||
border-radius: 2px;
|
||||
padding: 0px; }
|
||||
|
||||
.slider {
|
||||
background-color: @selected_bg_color; /*shade(@bg_color, 1.01);*/
|
||||
border-width: 0px;
|
||||
border-radius: 2px; }
|
||||
|
||||
.slider:hover {
|
||||
background-color: @selected_bg_color;}
|
||||
|
||||
/* progress */
|
||||
GtkProgressBar {
|
||||
padding: 1px;
|
||||
border-radius: 2px;
|
||||
color: @selected_fg_color;
|
||||
text-shadow: 1px 1px 0px 0px rgba(0,0,0, 0.1);
|
||||
}
|
||||
|
||||
|
||||
.progressbar {
|
||||
margin: 0px;
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
border-width: 0px;
|
||||
text-shadow: 1px 1px 0px 0px rgba(0,0,0, 0.1); }
|
||||
|
||||
.fill-block {
|
||||
margin: 0px;
|
||||
background-color: @selected_bg_color; }
|
||||
|
||||
.fill-block.empty-fill-block {
|
||||
background-color: transparent; }
|
||||
|
||||
/* scales */
|
||||
.scale {
|
||||
padding: 0;
|
||||
border-width: 0;
|
||||
border-radius: 2px;
|
||||
|
||||
-GtkRange-slider-width: 7;
|
||||
-GtkRange-trough-border: 0;
|
||||
-GtkScale-slider-length: 19;
|
||||
}
|
||||
|
||||
.scale.slider {
|
||||
border-radius: 2px;
|
||||
background-color: @selected_bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.scale.slider:hover {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
.scale.slider:insensitive {
|
||||
background-color: @light_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.scale.slider.fine-tune:active,
|
||||
.scale.slider.fine-tune:active:hover,
|
||||
.scale.slider.fine-tune.horizontal:active,
|
||||
.scale.slider.fine-tune.horizontal:active:hover {
|
||||
background-size: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.scale.mark {
|
||||
color: @light_color;
|
||||
}
|
||||
|
||||
.scale.trough {
|
||||
margin: 0;
|
||||
border-radius: 2px;
|
||||
background-color: @dark_color;
|
||||
background-image: none;
|
||||
border: 1px solid #111B25;
|
||||
}
|
||||
|
||||
.scale.trough.vertical {
|
||||
margin: 0;
|
||||
border: 1px solid #111B25;
|
||||
}
|
||||
|
||||
.menuitem .scale.highlight.left,
|
||||
.scale.highlight.left {
|
||||
background-color: @dark_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.menuitem .scale.highlight.left:hover {
|
||||
background-color: @dark_color;
|
||||
}
|
||||
|
||||
.scale.highlight.bottom {
|
||||
background-color: @dark_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.scale.trough:insensitive,
|
||||
.scale.highlight.left:insensitive {
|
||||
background-color: @dark_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**************
|
||||
* Tree Views *
|
||||
**************/
|
||||
|
||||
GtkTreeView.view:selected {
|
||||
border-radius: 0px;
|
||||
background-color: @light_color; }
|
||||
GtkTreeView.view:insensitive {
|
||||
color: @menu_color; }
|
||||
|
||||
GtkTreeView.view.progressbar {
|
||||
border: 0px;
|
||||
border-radius: 2px;
|
||||
background-color: @selected_bg_color;}
|
||||
GtkTreeView.view.progressbar:selected {
|
||||
background-color: @selected_bg_color; }
|
||||
GtkTreeView.view.progressbar:selected:backdrop {
|
||||
border-color: @bg_color;
|
||||
background-color: @selected_bg_color; }
|
||||
GtkTreeView.view.progressbar:backdrop {
|
||||
border-color: @bg_color;}
|
||||
GtkTreeView.view.trough {
|
||||
background-color: @dark_color;
|
||||
border-radius: 2px;
|
||||
padding: 1px;
|
||||
}
|
||||
GtkTreeView.view.trough:selected {
|
||||
background-color: @dark_color; }
|
||||
|
||||
.expander {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
/*************
|
||||
* scrollbar *
|
||||
*************/
|
||||
.scrollbar {
|
||||
border-width: 0px;
|
||||
border-style: none;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.scrollbars-junction,
|
||||
.scrollbar.trough {
|
||||
border-radius: 2px;
|
||||
background-color: @dark_color;
|
||||
}
|
||||
|
||||
.scrollbar.button,
|
||||
.scrollbar.button:active,
|
||||
/* .scrollbar.button:checked, */
|
||||
.scrollbar.button:active:hover
|
||||
/*.scrollbar.button:checked:hover*/ {
|
||||
border-width: 0px;
|
||||
border-radius: 2px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: @bg_color;
|
||||
}
|
||||
|
||||
.scrollbar.slider {
|
||||
border-width: 0px;
|
||||
border-radius: 2px;
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
.scrollbar.slider:hover,
|
||||
.scrollbar.slider.vertical:hover {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
.scrollbar.slider:active,
|
||||
.scrollbar.slider.vertical:active {
|
||||
border-color: shade(@selected_bg_color, 0.9);
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
.scrollbar.slider.fine-tune:prelight:active {
|
||||
border-width: 0px;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
/* overlay scrollbar */
|
||||
OsThumb {
|
||||
color: @selected_bg_color;
|
||||
}
|
||||
|
||||
OsThumb:selected,
|
||||
OsScrollbar:selected {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
OsThumb:active,
|
||||
OsScrollbar:active {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
OsThumb:insensitive,
|
||||
OsScrollbar:insensitive {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
/* views and frames */
|
||||
.view {
|
||||
background-color: @base_color; }
|
||||
|
||||
.frame {
|
||||
border-width: 0px; }
|
||||
.frame.flat {
|
||||
border-width: 0px; }
|
||||
|
||||
GtkViewport.frame {
|
||||
border-width: 0px; }
|
||||
|
||||
/* panes */
|
||||
/* GtkPaned { } */
|
||||
|
||||
.pane-separator {
|
||||
background-color: @bg_color;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
/* lists */
|
||||
.frame GtkListBox,
|
||||
.frame GtkFlowBox {
|
||||
background-color: @base_color; }
|
||||
|
||||
.list-row,
|
||||
.grid-child {
|
||||
padding: 1px; }
|
||||
|
||||
.list-row.button,
|
||||
.grid-child.button {
|
||||
background-color: transparent;
|
||||
border-width: 0px;
|
||||
border-radius: 0px;
|
||||
box-shadow: none; }
|
||||
|
||||
.list-row:selected,
|
||||
.grid-child:selected,
|
||||
.list-row.button:selected,
|
||||
.grid-child.button:selected {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color; }
|
||||
|
||||
/***********
|
||||
* sidebar *
|
||||
***********/
|
||||
.sidebar {
|
||||
border-width: 0px; }
|
||||
|
||||
.sidebar,
|
||||
.sidebar.view,
|
||||
.sidebar .view,
|
||||
.sidebar GtkScrolledWindow {
|
||||
background-color: @bg_color;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.sidebar row:selected,
|
||||
.sidebar row:selected:hover,
|
||||
.sidebar row:selected:focus,
|
||||
.sidebar .view row:selected,
|
||||
.sidebar .view row:selected:hover,
|
||||
.sidebar .view row:selected:focus {
|
||||
background-color: @light_color;
|
||||
background-image: none;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.sidebar row:prelight,
|
||||
.sidebar .view row:prelight {
|
||||
background-color: @light_color;
|
||||
background-image: none;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.sidebar row:selected:prelight,
|
||||
.sidebar .view row:selected:prelight {
|
||||
background-color: @light_color;
|
||||
background-image: none;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
.sidebar .frame {
|
||||
border-width: 0px;
|
||||
}
|
||||
|
||||
|
||||
/* texts */
|
||||
GtkTextView:selected {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color; }
|
||||
|
||||
/* cells */
|
||||
column-header .button {
|
||||
border-width: 0px;
|
||||
border-right-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-radius: 0px;
|
||||
padding: 3px 4px 3px 4px; }
|
||||
|
||||
.cell:selected {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color; }
|
||||
|
||||
.rubberband {
|
||||
background-color: alpha (shade (@bg_color, 1.08), 0.35);
|
||||
border-color: shade (@light_color, 1.08);
|
||||
}
|
||||
|
||||
/* popovers */
|
||||
.popover {
|
||||
margin: 5px;
|
||||
border-width: 1px;
|
||||
border-radius: 3px; }
|
||||
|
||||
/* calendars */
|
||||
GtkCalendar:selected {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color; }
|
||||
|
||||
/* toolbars */
|
||||
.toolbar {
|
||||
padding: 2px; }
|
||||
|
||||
.search-bar,
|
||||
.location-bar {
|
||||
background-color: @bg_color;
|
||||
border-bottom-width: 1px; }
|
||||
|
||||
/* infobars */
|
||||
GtkInfoBar {
|
||||
background-color: @bg_color;
|
||||
border-bottom-width: 1px; }
|
||||
|
||||
/* osds */
|
||||
.osd {
|
||||
background-color: @bg_color;
|
||||
border-width: 1px;
|
||||
border-radius: 3px;}
|
||||
|
||||
/* titlebars */
|
||||
.titlebar,
|
||||
.header-bar,
|
||||
.action-bar {
|
||||
padding: 5px; }
|
||||
|
||||
.titlebar {
|
||||
background-color: @bg_color;
|
||||
border-bottom-width: 1px;
|
||||
border-radius: 3px 3px 0px 0px; }
|
||||
|
||||
.tiled .titlebar,
|
||||
.maximized .titlebar {
|
||||
border-radius: 0px; }
|
||||
|
||||
.frame.action-bar,
|
||||
.frame.header-bar {
|
||||
background-color: @bg_color;
|
||||
border-width: 0px;
|
||||
border-top-width: 1px; }
|
||||
|
||||
.title {
|
||||
padding: 0px 5px;
|
||||
font: bold 12; }
|
||||
|
||||
.subtitle {
|
||||
padding: 0px 5px;
|
||||
font-size: 80%; }
|
||||
|
||||
/* decorations */
|
||||
.window-frame {
|
||||
border-width: 0px;
|
||||
border-radius: 3px;
|
||||
box-shadow: none;
|
||||
margin: 1px; }
|
||||
|
||||
.window-frame.tiled,
|
||||
.window-frame.maximized {
|
||||
border-radius: 0px; }
|
||||
|
||||
/* dialogs */
|
||||
.message-dialog {
|
||||
-GtkDialog-button-spacing: 0px;
|
||||
background-color: @bg_color;
|
||||
border-radius: 3px; }
|
||||
.message-dialog .titlebar {
|
||||
background-color: @bg_color;
|
||||
border-width: 0px; }
|
||||
|
||||
/* assistants */
|
||||
GtkAssistant .sidebar {
|
||||
border-right-width: 0px; }
|
||||
GtkAssistant .sidebar .label {
|
||||
padding: 5px; }
|
||||
GtkAssistant .sidebar .label.highlight {
|
||||
font-weight: normal; }
|
||||
|
||||
/* tooltips */
|
||||
.tooltip {
|
||||
padding: 5px;
|
||||
border-radius: 3px; }
|
||||
|
||||
|
||||
/************
|
||||
* notebook *
|
||||
************/
|
||||
.notebook {
|
||||
padding: 0px;
|
||||
border-width: 0px;
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
color: @fg_color;
|
||||
text-shadow: 1px 1px 0px 0px rgba(0,0,0, 0.1);
|
||||
-GtkNotebook-initial-gap: 0;
|
||||
-GtkNotebook-has-tab-gap: false;
|
||||
}
|
||||
.notebook.frame {
|
||||
border-width: 0px;
|
||||
}
|
||||
.notebook.header {
|
||||
border-width: 0px;
|
||||
background-color: @light_color;
|
||||
}
|
||||
.notebook.header.frame {
|
||||
border-width: 0px;
|
||||
}
|
||||
.notebook.header.frame.top {
|
||||
border-width: 0 1px 1px 1px;
|
||||
}
|
||||
.notebook.header.frame.right {
|
||||
border-width: 1px 1px 1px 0;
|
||||
}
|
||||
.notebook.header.frame.bottom {
|
||||
border-width: 0 1px 1px 1px;
|
||||
}
|
||||
.notebook.header.frame.left {
|
||||
border-width: 1px 0 1px 1px;
|
||||
}
|
||||
.notebook GtkViewport {
|
||||
border-width: 0;
|
||||
background-color: @base_color;
|
||||
}
|
||||
.notebook tab {
|
||||
padding: 1px 8px 1px 8px;
|
||||
background-color: @light_color;
|
||||
}
|
||||
.notebook tab:hover {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
.notebook tab:active {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
/* Tabs radius and size */
|
||||
.notebook tab:first-child:active,
|
||||
.notebook tab:first-child {
|
||||
border-radius: 3px 0px 0px 0px;
|
||||
}
|
||||
.notebook tab:last-child:active,
|
||||
.notebook tab:last-child {
|
||||
border-radius: 0px 3px 0px 0px;
|
||||
}
|
||||
.notebook tab:only-child {
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.notebook tab.top {
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.notebook tab.top:active {
|
||||
}
|
||||
.notebook tab.right {
|
||||
border-radius: 3px;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
.notebook tab.right:active {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.notebook tab.bottom {
|
||||
border-radius: 3px;
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
.notebook tab.bottom:active {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.notebook tab.left {
|
||||
border-radius: 3px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.notebook tab.left:active {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
GtkNotebook tab GtkLabel {
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
/* close button styling */
|
||||
.notebook tab .button,
|
||||
.notebook tab .button:backdrop,
|
||||
.notebook tab .button:backdrop:hover {
|
||||
color: @selected_fg_color;
|
||||
border-width: 0;
|
||||
icon-shadow: 1px 1px 0px 0px rgba(0,0,0, 0.2); }
|
||||
|
||||
.notebook tab .button > GtkImage {
|
||||
padding: 0; }
|
||||
|
||||
TerminalWindow .notebook tab {
|
||||
padding: 4px 6px 4px 6px;
|
||||
}
|
||||
|
||||
.menubar {
|
||||
padding: 0px;
|
||||
color: @menu_color;
|
||||
}
|
||||
|
||||
.menuitem {
|
||||
padding: 5px; }
|
||||
|
||||
.menuitem:hover {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color; }
|
||||
|
||||
.nautilus-canvas-item:selected {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color; }
|
||||
|
||||
.app-notification, .gedit-search-slider {
|
||||
padding: 5px;
|
||||
background-color: @bg_color;
|
||||
border-width: 1px;
|
||||
border-top-width: 0px;
|
||||
border-radius: 0px 0px 2px 2px; }
|
||||
|
||||
.gedit-search-entry-occurrences-tag {
|
||||
color: @fg_color; }
|
||||
@@ -0,0 +1,354 @@
|
||||
/*******************
|
||||
* check and radio *
|
||||
*******************/
|
||||
.check,
|
||||
.check row:selected,
|
||||
.check row:selected:focus {
|
||||
background-image: linear-gradient(to bottom, @light_color, @light_color),
|
||||
linear-gradient(to bottom, @light_color, @light_color),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@light_color, 0.85), shade(@light_color, 0.85)),
|
||||
linear-gradient(to bottom, shade(@light_color, 0.85), shade(@light_color, 0.85)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@fg_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@fg_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@fg_color), to(transparent)),
|
||||
linear-gradient(45deg, transparent, transparent 30%, @fg_color 30%, @fg_color 70%, transparent 70%, transparent),
|
||||
linear-gradient(-45deg, transparent, transparent 37%, @fg_color 37%, @fg_color 62%, transparent 62%, transparent),
|
||||
linear-gradient(to bottom, @light_color, @light_color),
|
||||
linear-gradient(to bottom, @light_color, @light_color),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
linear-gradient(45deg, transparent, transparent 30%, shade(@light_color, 1.0) 30%, shade(@light_color, 1.0) 70%, transparent 70%, transparent),
|
||||
linear-gradient(-45deg, transparent, transparent 37%, shade(@light_color, 1.0) 37%, shade(@light_color, 1.0) 62%, transparent 62%, transparent),
|
||||
linear-gradient(to bottom, shade(@light_color, 0.85), shade(@light_color, 0.85)),
|
||||
linear-gradient(to bottom, shade(@light_color, 0.85), shade(@light_color, 0.85)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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, @fg_color, @fg_color),
|
||||
linear-gradient(to bottom, @light_color, @light_color),
|
||||
linear-gradient(to bottom, @light_color, @light_color),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
linear-gradient(to bottom, shade(@light_color, 0.85), shade(@light_color, 0.85)),
|
||||
linear-gradient(to bottom, shade(@light_color, 0.85), shade(@light_color, 0.85)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent));
|
||||
|
||||
background-position: center center, center center;
|
||||
background-size: 90% 90%, 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.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(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@fg_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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, @fg_color, @fg_color),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 0.85)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@fg_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@fg_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@fg_color), to(transparent)),
|
||||
linear-gradient(45deg, transparent, transparent 30%, @fg_color 30%, @fg_color 70%, transparent 70%, transparent),
|
||||
linear-gradient(-45deg, transparent, transparent 37%, @fg_color 37%, @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:hover {
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@fg_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@fg_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@fg_color), to(transparent)),
|
||||
linear-gradient(45deg, transparent, transparent 30%, @fg_color 30%, @fg_color 70%, transparent 70%, transparent),
|
||||
linear-gradient(-45deg, transparent, transparent 37%, @fg_color 37%, @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(@fg_color, @bg_color, 0.5)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@fg_color, @bg_color, 0.5)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@fg_color, @bg_color, 0.5)), to(transparent)),
|
||||
linear-gradient(45deg, transparent, transparent 30%, mix(@fg_color, @bg_color, 0.5) 30%, mix(@fg_color, @bg_color, 0.5) 70%, transparent 70%, transparent),
|
||||
linear-gradient(-45deg, transparent, transparent 37%, mix(@fg_color, @bg_color, 0.5) 37%, mix(@fg_color, @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(@fg_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(@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(@fg_color, @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, @fg_color, @fg_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, @fg_color, @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(@fg_color, @bg_color, 0.5), mix(@fg_color, @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, @light_color, @light_color),
|
||||
linear-gradient(to bottom, @light_color, @light_color),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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(@fg_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@fg_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@fg_color), to(transparent)),
|
||||
linear-gradient(45deg, transparent, transparent 30%, @fg_color 30%, @fg_color 70%, transparent 70%, transparent),
|
||||
linear-gradient(-45deg, transparent, transparent 37%, @fg_color 37%, @fg_color 62%, transparent 62%, transparent),
|
||||
linear-gradient(to bottom, @light_color, @light_color),
|
||||
linear-gradient(to bottom, @light_color, @light_color),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
linear-gradient(to bottom, shade(@light_color, 1.0), shade(@light_color, 1.0)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@light_color), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), to(transparent)),
|
||||
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@light_color, 1.0)), 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: url("assets/handle-vertical.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.pane-separator.vertical {
|
||||
background-image: url("assets/handle-horizontal.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
|
||||
@define-color bg_color #0D151D;
|
||||
@define-color pre_murrine #9F440D;
|
||||
|
||||
@define-color fg_color #868A8E;
|
||||
@define-color theme_bg_color #0D151D;
|
||||
@define-color theme_fg_color #ABADB0;
|
||||
@define-color selected_bg_color #9F440D;
|
||||
@define-color selected_fg_color #ABADB0;
|
||||
@define-color link_color #A37649;
|
||||
@define-color base_color #0D151D;
|
||||
@define-color border_color #0D151D;
|
||||
@define-color dark_color #0C1219;
|
||||
@define-color light_color #131F2A;
|
||||
@define-color menu_color #545C64;
|
||||
|
||||
@import url("gtk-main.css");
|
||||
@import url("gtk-widgets-assets.css");
|
||||
@import url("gnome-applications.css");
|
||||
@import url("nemo.css");
|
||||
@import url("unity.css");
|
||||
@import url("unity-greeter.css");
|
||||
@@ -0,0 +1,48 @@
|
||||
/*****************
|
||||
* desktop icons *
|
||||
*****************/
|
||||
.nemo-canvas-item {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.nemo-desktop.nemo-canvas-item {
|
||||
color: @fg_color;
|
||||
text-shadow: 1px 1px @dark_color;
|
||||
}
|
||||
|
||||
.nemo-desktop.nemo-canvas-item:active {
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.nemo-desktop.nemo-canvas-item:selected {
|
||||
color: @selected_bg_color;
|
||||
}
|
||||
|
||||
.nemo-desktop.nemo-canvas-item:active,
|
||||
.nemo-desktop.nemo-canvas-item:prelight,
|
||||
.nemo-desktop.nemo-canvas-item:selected {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/*********************************
|
||||
* sidebar disk space indicators *
|
||||
*********************************/
|
||||
NemoPlacesTreeView {
|
||||
-NemoPlacesTreeView-disk-full-bg-color: @dark_color;
|
||||
-NemoPlacesTreeView-disk-full-fg-color: @selected_bg_color;
|
||||
-NemoPlacesTreeView-disk-full-bar-width: 2px;
|
||||
-NemoPlacesTreeView-disk-full-bar-radius: 0px;
|
||||
-NemoPlacesTreeView-disk-full-bottom-padding: 0px;
|
||||
-NemoPlacesTreeView-disk-full-max-length: 70px;
|
||||
}
|
||||
|
||||
NemoPlacesTreeView:selected {
|
||||
-NemoPlacesTreeView-disk-full-bg-color: @dark_color;
|
||||
-NemoPlacesTreeView-disk-full-fg-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
NemoPlacesTreeView:hover {
|
||||
}
|
||||
|
||||
NemoPlacesTreeView:selected:hover {
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
[Settings]
|
||||
gtk-color-scheme = "base_color:#0D151D\nbg_color:#0D151D\ntooltip_bg_color:#0D151D\nselected_bg_color:#9F440D\ntext_color:#868A8E\nfg_color:#868A8E;\ntooltip_fg_color:#868A8E\nselected_fg_color:#ABADB0"
|
||||
gtk-auto-mnemonics = 1
|
||||
gtk-visible-focus = automatic
|
||||
@@ -0,0 +1,67 @@
|
||||
.lightdm.menu {
|
||||
background-image: none;
|
||||
background-color: alpha (black, 0.6);
|
||||
border-color: alpha (white, 0.2);
|
||||
border-radius: 4px;
|
||||
padding: 1px;
|
||||
|
||||
color: white;
|
||||
}
|
||||
|
||||
.lightdm-combo .menu {
|
||||
background-color: shade (@dark_bg_color, 1.08);
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.lightdm.menu .menuitem *,
|
||||
.lightdm.menu .menuitem.check:active,
|
||||
.lightdm.menu .menuitem.radio:active {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.lightdm.menubar {
|
||||
background-image: none;
|
||||
background-color: alpha (black, 0.5);
|
||||
}
|
||||
|
||||
.lightdm-combo.combobox-entry .button,
|
||||
.lightdm-combo .cell,
|
||||
.lightdm-combo .button,
|
||||
.lightdm-combo .entry,
|
||||
.lightdm.button,
|
||||
.lightdm.entry {
|
||||
background-image: none;
|
||||
background-color: alpha (black, 0.3);
|
||||
border-color: alpha (white, 0.6);
|
||||
border-radius: 5px;
|
||||
padding: 7px;
|
||||
color: white;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.lightdm.button,
|
||||
.lightdm.button:hover,
|
||||
.lightdm.button:active,
|
||||
.lightdm.button:active:focused,
|
||||
.lightdm.entry,
|
||||
.lightdm.entry:hover,
|
||||
.lightdm.entry:active,
|
||||
.lightdm.entry:active:focused {
|
||||
background-image: none;
|
||||
border-image: none;
|
||||
}
|
||||
|
||||
.lightdm.button:focused,
|
||||
.lightdm.entry:focused {
|
||||
-unico-focus-border-color: alpha (white, 0.9);
|
||||
border-color: alpha (white, 0.9);
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.lightdm.entry:selected {
|
||||
background-color: alpha (white, 0.2);
|
||||
}
|
||||
@@ -0,0 +1,96 @@
|
||||
/* Decorations */
|
||||
|
||||
UnityDecoration {
|
||||
-UnityDecoration-extents: 28px 0px 0px 0px;
|
||||
-UnityDecoration-input-extents: 10px;
|
||||
|
||||
-UnityDecoration-shadow-offset-x: 1px;
|
||||
-UnityDecoration-shadow-offset-y: 5px;
|
||||
-UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.75);
|
||||
-UnityDecoration-active-shadow-radius: 30px;
|
||||
-UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.3);
|
||||
-UnityDecoration-inactive-shadow-radius: 25px;
|
||||
|
||||
-UnityDecoration-glow-size: 10px;
|
||||
-UnityDecoration-glow-color: rgb (221, 72, 20);
|
||||
|
||||
-UnityDecoration-title-indent: 10px;
|
||||
-UnityDecoration-title-fade: 35px;
|
||||
-UnityDecoration-title-alignment: 0px.0px;
|
||||
}
|
||||
|
||||
UnityDecoration.top {
|
||||
border: none;
|
||||
border-bottom-width: 0px;
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
padding: 1px 6px 0px 6px;
|
||||
box-shadow: none;
|
||||
background-color: @bg_color;
|
||||
background-clip: border-box;
|
||||
background-image: none;
|
||||
color: @fg_color;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
UnityDecoration.top:backdrop {
|
||||
border: none;
|
||||
border-bottom-width: 0px;
|
||||
background-color: @bg_color;
|
||||
background-clip: border-box;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
UnityDecoration.left,
|
||||
UnityDecoration.right {
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
UnityDecoration.left:backdrop,
|
||||
UnityDecoration.right:backdrop {
|
||||
/* start color: mix of the top border color and bg-image gradient end */
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
UnityDecoration.bottom {
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
}
|
||||
|
||||
/* Panel Style */
|
||||
|
||||
UnityPanelWidget,
|
||||
.unity-panel {
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
border-width: 0px;
|
||||
color: @fg_color;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
UnityPanelWidget:backdrop,
|
||||
.unity-panel:backdrop {
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.unity-panel.menubar,
|
||||
.unity-panel .menubar {
|
||||
}
|
||||
|
||||
.unity-panel.menuitem,
|
||||
.unity-panel .menuitem {
|
||||
border-width: 1px 1px 0px 1px;
|
||||
icon-shadow: 0px -1px shade (@bg_color, 0.7);
|
||||
}
|
||||
|
||||
.unity-panel.menubar:backdrop,
|
||||
.unity-panel .menubar *:backdrop {
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.unity-panel.menubar.menuitem:hover,
|
||||
.unity-panel.menubar .menuitem *:hover {
|
||||
background-image: none;
|
||||
}
|
||||
Reference in New Issue
Block a user