mg/diehard4-gtk-theme
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
v2.1
diehard4-gtk-theme/gtk-3.0/legacy/gtk-widgets-assets.css
T
zavageandClaude Opus 5 d56294b00f 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>
2026-09-18 05:58:09 -06:00

355 lines
24 KiB
CSS
Raw Permalink Blame History

/*******************
* 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;
}
Reference in New Issue View Git Blame Copy Permalink