all repos — steppenwolf-dark @ 3181795ab94cc35bd571ebfbb75b6cdb13a15d70

simple dark GUI theme with turquoise hilights

various updates
Iris Lightshard nilix@nilfm.cc
PGP Signature
-----BEGIN PGP SIGNATURE-----

iQIzBAABCAAdFiEEkFh6dA+k/6CXFXU4O3+8IhROY5gFAmA9pM8ACgkQO3+8IhRO
Y5hz4A//c8Gmy7ExLZSsMLJ6R/KBrzbAKJDbqEyNDDpUMJDPcQ9KE4BFwqfuC+BW
wv+CHSN1WYhx4iiPwkifl74WiriZ+aFjNHzmI69XqcFRJZAg3uJfglh6IRaet0yT
3lv4IZKMbyH7lZM9Q5w838oJIep+f8JjC2CoSfB+Fd8+RtpFcVhx5E1Q0vhYwKFn
dfqsuGsRWCx0OEF6KSoRZRMVZiGuVYxwCUjb7jsIa/dx33YSjA+3tj9FBRKjNlKJ
IwSY9YzVlKEs2RIqSUk6bsAAN5uNvnOWt9miK8JPBQXF0cnX5qC0xk5y1iHl0BfQ
Ixi/C089Z4bCDvAj4X58RycRVuaV1d5jF/PwKmVcjYIUSnpV/wlI9lvEDm0XnGm8
5xpO4vDPrBP5pDA013Kfgn5pt0zA703VrvegC7u+e/6ZKSqdomVA6cOs6IiR+kgJ
Lnrhzo/zDh7KEMk/s+uQxtCbl8cfsTrnpmNKGX0boG5dqbFp4SwBDqZs5P7MBR8s
dxJKqPciKpOpsu3evr6Ei9ehMWSxx7G4yPPswH25BemuxPEIuo0X0agjgALUa+pW
SbPf+w4alzeNBEemiBLP9ChjuWBzEGjHBuzVRWcEpnfbhvFGTpUimR/dGvzBYh/w
GmOEtwygbuPO81bIK5VQdg5QYG16B/d7DqHwno7FAXFVuwTyOEU=
=CGaW
-----END PGP SIGNATURE-----
commit

3181795ab94cc35bd571ebfbb75b6cdb13a15d70

parent

4c43318c330527cd642f3a9fdb80014e2b788db4

A README.md

@@ -0,0 +1,51 @@

+# steppenwolf-dark + +`steppenwolf-dark` is the dark version (now the only maintained version!) of a theme originally forked from [OneStepBack](http://www.vide.memoire.free.fr/perso/OneStepBack). It features dark grey window areas; black textboxes, menus, view areas, and buttons; has a nice border and corner radius on the buttons; and turquoise selection, check/radios and scrollbars. These descriptions apply to the GTK2/3 themes -- there are differences with the Qt5 colorscheme, but they don't really clash in my opinion. + +There are three supported environments: +* GTK2 +* GTK3 +* Qt5 (this is just a colorscheme intended for use with the `Breeze` theme but it actually works well. An additional `-darker` colorscheme is provided which I like to use with Kate with a solarized-like editor colorscheme) + +As a bonus, there are two plank themes. + +## installation + +A script is provided which installs the theme globally if run as root and for the current user only otherwise. If you know what you're doing you already know where to put the files. If you don't know where they live, you can look in the script. + +## credit + +* Author of steppenwolf: Derek Stevens [<drkste@zoho.com>](mailto://drkste@zoho.com) +* Author of OneStepBack: Jean-Pierre Bucciol [<jpsspam@free.fr>](mailto://jspspam@free.fr) + +## license + +This is a [GPL 3](https://www.gnu.org/licenses/gpl.txt) free software. +Feel free to change and share the code. + +## changelog + +0.65 add `darker` Qt5 colorscheme for Kate and installer script, tweak GTK2 theme and Qt5 colorscheme + +0.632 fix selected text color + +0.631 add Qt5 colorscheme + +0.63 tweak panel/frame + +0.62 flatten and remove padding from 'frame' elements + +0.61 inverted some image assets, increased scroll/scalebar size for steppenwolf-dark + +0.6 darken disabled menuitem color a bit, add steppenwolf-dark + +0.5 remove bevel/borders from menubars and toolbars + +0.4 add plank theme + +0.3 fix Thunar pathbar buttons + +0.2 update overflow arrows in menus + +0.1 first release +
M gtk-2.0/gtkrcgtk-2.0/gtkrc

@@ -257,13 +257,14 @@ }

} -style "menu" { +style "menu" { bg[NORMAL] = @trueblack + base[NORMAL] = @trueblack GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 0 GtkMenu::horizontal-offset = 0 GtkMenuItem::border = 0 - GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::horizontal-padding = 0 } style "menuitem" {

@@ -298,7 +299,7 @@

fg[PRELIGHT] = @menuitem_selected_fg_color # menu sélectionné geogebra fg[SELECTED] = @menuitem_selected_fg_color # menu sélectionné thunderbird - + } style "paned" {

@@ -428,6 +429,7 @@ widget "gtk-tooltip*" style "tooltip"

widget_class "*Notif*" style "tooltip" widget_class "*otif*" style "tooltip" class "GtkButton" style "button" +class "GtkMenu" style "menu" #widget_class "*Link*" style "red" #widget_class "*Button*" style "red"
A gtk-2.0/gtkrc.save

@@ -0,0 +1,465 @@

+#======================================# +# steppenwolf theme: gtk2 part # +# by nilix <nilix@nilfm.cc> April 2019 # +#======================================# +# based on... +#======================================# +# OneStepBack theme: gtk2 part # +# jpsb: July 2015 - May 2018 # +#======================================# + +#======================================# +# Color definitions +#======================================# + + +gtk-color-scheme = "white_color:#000000 +lighter_color:#555555 +base_color:#222222 +darker_color:#101010 +black_color:#c8c8c8 +scale_color: #1f9b92 +truewhite:#ffffff +trueblack:#000000 +grey50:#797979 +" + +#======================================# +# Derived colors +#======================================# + +gtk-color-scheme = "button_selected_bg_color:#797979 +text_selected_bg_color:#1f9b92 +text_selected_fg_color:#000000 +menuitem_selected_bg_color:#797979 +menuitem_selected_fg_color:#000000 +listitem_selected_bg_color:#797979 +listitem_selected_fg_color:#000000 +" + +#======================================# +# Styles +#======================================# + +style "default" { + + base[NORMAL] = @white_color + text[NORMAL] = @black_color + bg[NORMAL] = @base_color + fg[NORMAL] = @black_color + + base[PRELIGHT] = @base_color + text[PRELIGHT] = @black_color + bg[PRELIGHT] = @base_color + fg[PRELIGHT] = @black_color + + base[SELECTED] = @scale_color + text[SELECTED] = @listitem_selected_fg_color + bg[SELECTED] = @scale_color + fg[SELECTED] = @lighter_color + + base[ACTIVE] = @scale_color + text[ACTIVE] = @listitem_selected_fg_color + bg[ACTIVE] = @button_selected_bg_color + fg[ACTIVE] = @black_color + + base[INSENSITIVE] = @darker_color + text[INSENSITIVE] = @black_color + bg[INSENSITIVE] = @base_color + fg[INSENSITIVE] = @darker_color + + GtkWidget::focus-line-width = 1 + GtkWidget::focus-line-pattern = "\0\4" + GtkWidget::link-color = @black_color + GtkWidget::visited-link-color = @darker_color + + GtkScrollbar::min-slider-length = 30 + + GtkScrollbar::has_backward_stepper = 0 + GtkScrollbar::has_forward_stepper = 0 + GtkScrollbar::has_secondary_forward_stepper = 0 + GtkScrollbar::has_secondary_backward_stepper = 0 + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + GtkScrollbar::trough-border = 0 + GtkScrollbar::fixed-slider-length = 30 + GtkScale::trough-side-details = 0 + GtkRange::slider-width = 6 + GtkScale::slider-length = 6 + GtkScale::slider-width = 6 + GtkScrollbar::activate-slider = 1 + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkMenuBar::shadow-type = 0 + GtkToolbar::shadow-type = 0 + GtkButton::default-border = {0,0,0,0} + + GtkProgressBar::min-horizontal-bar-height = 6 + GtkProgressBar::min-vertical-bar-width = 6 + +} + +style "button" { + + xthickness = 4 + ythickness = 4 + + + engine "pixmap" { + + image { + function = BOX + state = NORMAL + file = "../img/button.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "../img/button-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "../img/button-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "../img/button-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + + +style "scalebar-scrollbar" { + + bg[NORMAL] = @base_color + fg[NORMAL] = @black_color + bg[INSENSITIVE] = @white_color + + bg[PRELIGHT] = @lighter_color + + bg[ACTIVE] = @darker_color + + engine "pixmap" { + + image { + function = SLIDER + state = NORMAL + file = "../img/scrollbar_horizontal.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = INSENSITIVE + file = "../img/scrollbar_horizontal.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = PRELIGHT + file = "../img/scrollbar_horizontal.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = ACTIVE + file = "../img/scrollbar_horizontal.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + orientation = HORIZONTAL + } + image { + function = SLIDER + state = NORMAL + file = "../img/scrollbar_vertical.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = SLIDER + state = INSENSITIVE + file = "../img/scrollbar_vertical.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = SLIDER + state = PRELIGHT + file = "../img/scrollbar_vertical.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + orientation = VERTICAL + } + image { + function = SLIDER + state = ACTIVE + file = "../img/scrollbar_vertical.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "tooltip" { + bg[NORMAL] = @trueblack + fg[NORMAL] = @grey50 + + bg[PRELIGHT] = @trueblack + fg[PRELIGHT] = @grey50 +} + +style "progressbar" { + + bg[NORMAL] = @darker_color + fg[NORMAL] = @black_color # XXX + + bg[PRELIGHT] = @scale_color # XXX + fg[PRELIGHT] = @lighter_color + + engine "pixmap" { + image{ + function = BOX + detail = "bar" + file = "../img/scrollbar_horizontal.png" + stretch = TRUE + orientation = HORIZONTAL + } + image{ + function = BOX + detail = "bar" + file = "../img/scrollbar_horizontal.png" + stretch = TRUE + orientation = VERTICAL + } + } + +} + +style "menu" { + bg[NORMAL] = @trueblack + base[NORMAL] = @trueblack + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + GtkMenu::horizontal-offset = 0 + GtkMenuItem::border = 0 + GtkSeparatorMenuItem::horizontal-padding = 0 +} + +style "menuitem" { + + text[NORMAL] = @grey50 + base[NORMAL] = @trueblack + bg[NORMAL] = @trueblack + fg[NORMAL] = @grey50 + + text[PRELIGHT] = @menuitem_selected_fg_color + bg[PRELIGHT] = @menuitem_selected_bg_color + fg[PRELIGHT] = @menuitem_selected_fg_color + + fg[SELECTED] = @menuitem_selected_fg_color # fg menu sélectionné libre office + fg[INSENSITIVE] = "#202020" + text[INSENSITIVE] = "#202020" +} + +style "check-radio" { + + bg[PRELIGHT] = @base_color + + base[INSENSITIVE] = @lighter_color + text[INSENSITIVE] = @darker_color + fg[INSENSITIVE] = @base_color +} + +style "menubar" { + bg[NORMAL] = @base_color + fg[NORMAL] = @black_color + + fg[PRELIGHT] = @menuitem_selected_fg_color # menu sélectionné geogebra + + fg[SELECTED] = @menuitem_selected_fg_color # menu sélectionné thunderbird + +} + +style "paned" { + + bg[PRELIGHT] = @base_color # séparateurs mobiles hover + +} + +style "gimp-loadingbar" { + + bg[PRELIGHT] = @scale_color # loadingbar de gimp ! + +} + +style "notebook" { + + bg[SELECTED] = @base_color + bg[NORMAL] = @base_color + base[NORMAL] = @white_color + fg[ACTIVE] = @black_color + fg[PRELIGHT] = @black_color + bg[ACTIVE] = @darker_color # pour variantes de couleur + +} + +style "entry" { + + base[PRELIGHT] = @text_selected_bg_color + text[PRELIGHT] = @text_selected_fg_color + + base[SELECTED] = @text_selected_bg_color + text[SELECTED] = @text_selected_fg_color + + base[ACTIVE] = @text_selected_bg_color + text[ACTIVE] = @text_selected_fg_color +} + +style "combobox" { + text[PRELIGHT] = @black_color + +} + +#======================================# +# Styles for testing +#======================================# + +style "red" { + + base[NORMAL] = "red" + text[NORMAL] = "red" + fg[NORMAL] = "red" + bg[NORMAL] = "red" + + base[PRELIGHT] = "red" + text[PRELIGHT] = "red" + bg[PRELIGHT] = "red" + fg[PRELIGHT] = "red" + + base[SELECTED] = "red" + text[SELECTED] = "red" + bg[SELECTED] = "red" + fg[SELECTED] = "red" + + base[ACTIVE] = "red" + text[ACTIVE] = "red" + bg[ACTIVE] = "red" + fg[ACTIVE] = "red" + + base[INSENSITIVE] = "red" + text[INSENSITIVE] = "red" + bg[INSENSITIVE] = "red" + fg[INSENSITIVE] = "red" + +} + +style "test" { + + base[NORMAL] = "aqua" + text[NORMAL] = "green" + bg[NORMAL] = "magenta" + fg[NORMAL] = "blue" + + base[PRELIGHT] = "green" + text[PRELIGHT] = "red" + bg[PRELIGHT] = "lime" + fg[PRELIGHT] = "maroon" + + base[SELECTED] = "navy" + text[SELECTED] = "red" + bg[SELECTED] = "olive" + fg[SELECTED] = "purple" + + base[ACTIVE] = "red" + text[ACTIVE] = "green" + bg[ACTIVE] = "teal" + fg[ACTIVE] = "yellow" + + base[INSENSITIVE] = "purple" + text[INSENSITIVE] = "green" + bg[INSENSITIVE] = "yellow" + fg[INSENSITIVE] = "white" + +} + +#======================================# +# Widgets +#======================================# + +class "*" style "default" +widget_class "*Scale*" style "scalebar-scrollbar" +widget_class "*Scrollbar*" style "scalebar-scrollbar" +widget_class "*Menu*" style "menu" +widget_class "*MenuItem*" style "menuitem" +widget_class "*MenuBar*" style "menubar" +widget_class "*Paned*" style "paned" +widget_class "*Gimp*Menu*" style "notebook" +widget_class "*ProgressBar*" style "progressbar" +class "GtkCheck*" style "check-radio" +class "GtkRadio*" style "check-radio" +widget_class "*Gimp*Paned*Bar*" style "gimp-loadingbar" +widget_class "*Notebook*" style "notebook" +widget_class "*Entry*" style "entry" +widget_class "*ComboBox*" style "combobox" +widget_class "*Button*" style "default" +widget_class "*Option*" style "default" +widget "gtk-tooltip*" style "tooltip" +widget_class "*Notif*" style "tooltip" +widget_class "*otif*" style "tooltip" +class "GtkButton" style "button" +class "GtkMenu" style "menu" + +#widget_class "*Link*" style "red" +#widget_class "*Button*" style "red" +#widget_class "*Separator*" style "red" +#widget_class "*ToolButton*" style "red" +#widget_class "*ToolBar*" style "red" +#widget_class "*Option*" style "red" +#widget_class "*ScaleButton*" style "red" +#widget_class "*List*" style "red" +#widget_class "*Notebook*" style "red" +#widget_class "*Frame*" style "red" +#widget_class "*Label*" style "red" +#widget_class "*Window" style "red" + + + +# jpsb le 12 sept 2015: bug curieux: la barre d'avancement de xsane ne respecte la couleur demandée qu'après un redémarrage du thème, sinon la couleur est lime ! + +# qt4 et flèches d'ascenseurs incompatible avec engine "pixmap" +# barre de prog qt4 + +#======================================# +# tweaks +#======================================# +# avoid wrong background color in rox when switching theme +style "rox" +{ + base[NORMAL] = @base_color + bg[NORMAL] = @base_color +} + +# widget_class "*ViewCollection*" style "rox" +
A install.sh

@@ -0,0 +1,30 @@

+#!/bin/sh + +case $(whoami) in + root) + gtkDir=/usr/share/themes/steppenwolf-dark + qtDir=/usr/share/color-schemes + plankdir=/usr/share/plank/themes + ;; + *) + gtkDir=${HOME}/.themes/steppenwolf-dark + qtDir=${HOME}/.local/share/color-schemes + plankDir=${HOME}/.local/share/plank/themes + ;; +esac + +if [ ! -d ${gtkDir} ]; then + mkdir -p ${gtkDir} +fi + +if [ ! -d ${qtDir} ]; then + mkdir -p ${qtDir} +fi + +if [ ! -d ${plankDir} ]; then + mkdir -p ${plankDir} +fi + +cp -r gtk-* ${gtkDir} +cp qt5/*.colors ${qtDir} +cp -r plank/* ${plankDir}
D plank/INSTALLING

@@ -1,3 +0,0 @@

-Just copy the steppenwolf folder (child of plank folder, contains dock.theme) to: -~/.local/share/plank/themes/ -and then change the plank theme through the configurator.
M qt5/SteppenwolfDark.colorsqt5/SteppenwolfDark.colors

@@ -1,10 +1,10 @@

[ColorEffects:Disabled] -Color=56,56,56 -ColorAmount=0.5 +Color=0,0,0 +ColorAmount=0.45 ColorEffect=2 ContrastAmount=0.65 ContrastEffect=0 -IntensityAmount=0.1 +IntensityAmount=-0.1 IntensityEffect=0 [ColorEffects:Inactive]

@@ -89,11 +89,11 @@ ForegroundPositive=39,174,96

ForegroundVisited=127,140,141 [Colors:Window] -BackgroundAlternate=77,77,77 +BackgroundAlternate=212,212,212 BackgroundNormal=34,34,34 DecorationFocus=31,155,146 -DecorationHover=2,140,140 -ForegroundActive=61,174,233 +DecorationHover=31,155,146 +ForegroundActive=212,212,212 ForegroundInactive=63,63,63 ForegroundLink=41,128,185 ForegroundNegative=218,68,83
A qt5/SteppenwolfDarker.colors

@@ -0,0 +1,118 @@

+[ColorEffects:Disabled] +Color=0,0,0 +ColorAmount=0 +ColorEffect=0 +ContrastAmount=0.65 +ContrastEffect=0 +IntensityAmount=0.1 +IntensityEffect=0 + +[ColorEffects:Inactive] +ChangeSelectionColor=true +Color=112,111,110 +ColorAmount=0.025 +ColorEffect=2 +ContrastAmount=0.1 +ContrastEffect=2 +Enable=false +IntensityAmount=0 +IntensityEffect=0 + +[Colors:Button] +BackgroundAlternate=0,0,0 +BackgroundNormal=0,0,0 +DecorationFocus=31,155,146 +DecorationHover=200,200,200 +ForegroundActive=200,200,200 +ForegroundInactive=63,63,63 +ForegroundLink=31,155,146 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=200,200,200 +ForegroundPositive=39,174,96 +ForegroundVisited=127,140,141 + +[Colors:Complementary] +BackgroundAlternate=0,0,0 +BackgroundNormal=0,0,0 +DecorationFocus=30,146,255 +DecorationHover=61,174,230 +ForegroundActive=246,116,0 +ForegroundInactive=63,63,63 +ForegroundLink=61,174,230 +ForegroundNegative=237,21,21 +ForegroundNeutral=201,206,59 +ForegroundNormal=121,121,121 +ForegroundPositive=17,209,22 +ForegroundVisited=61,174,230 + +[Colors:Selection] +BackgroundAlternate=29,153,243 +BackgroundNormal=31,155,146 +DecorationFocus=31,155,146 +DecorationHover=2,140,140 +ForegroundActive=252,252,252 +ForegroundInactive=120,120,120 +ForegroundLink=253,188,75 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=0,0,0 +ForegroundPositive=39,174,96 +ForegroundVisited=189,195,199 + +[Colors:Tooltip] +BackgroundAlternate=0,0,0 +BackgroundNormal=0,0,0 +DecorationFocus=123,123,123 +DecorationHover=200,200,200 +ForegroundActive=123,123,123 +ForegroundInactive=63,63,63 +ForegroundLink=41,128,185 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=239,240,241 +ForegroundPositive=39,174,96 +ForegroundVisited=127,140,141 + +[Colors:View] +BackgroundAlternate=0,0,0 +BackgroundNormal=0,0,0 +DecorationFocus=31,155,146 +DecorationHover=123,123,123 +ForegroundActive=200,200,200 +ForegroundInactive=63,63,63 +ForegroundLink=41,128,185 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=200,200,200 +ForegroundPositive=39,174,96 +ForegroundVisited=127,140,141 + +[Colors:Window] +BackgroundAlternate=0,0,0 +BackgroundNormal=0,0,0 +DecorationFocus=31,155,146 +DecorationHover=31,155,146 +ForegroundActive=212,212,212 +ForegroundInactive=63,63,63 +ForegroundLink=41,128,185 +ForegroundNegative=218,68,83 +ForegroundNeutral=246,116,0 +ForegroundNormal=200,200,200 +ForegroundPositive=39,174,96 +ForegroundVisited=127,140,141 + +[General] +Name=Steppenwolf-darker +shadeSortColumn=true + +[KDE] +contrast=0 + +[WM] +activeBackground=0,0,0 +activeBlend=0,0,0 +activeForeground=255,255,255 +inactiveBackground=0,0,0 +inactiveBlend=0,0,0 +inactiveForeground=123,123,123