zavageandClaude Opus 5
d56294b00f
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>
97 lines
2.1 KiB
CSS
97 lines
2.1 KiB
CSS
/* 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;
|
|
}
|