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;
|
||||
}
|
||||
Reference in New Issue
Block a user