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>
389 lines
8.8 KiB
CSS
Executable File
389 lines
8.8 KiB
CSS
Executable File
/***********************
|
|
* 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;
|
|
}
|