From 3181795ab94cc35bd571ebfbb75b6cdb13a15d70 Mon Sep 17 00:00:00 2001 From: Derek Stevens Date: Mon, 1 Mar 2021 21:37:03 -0500 Subject: [PATCH] various updates --- README.md | 51 ++++ gtk-2.0/gtkrc | 8 +- gtk-2.0/gtkrc.save | 465 +++++++++++++++++++++++++++++++++++ install.sh | 30 +++ plank/INSTALLING | 3 - qt5/SteppenwolfDark.colors | 12 +- qt5/SteppenwolfDarker.colors | 118 +++++++++ 7 files changed, 675 insertions(+), 12 deletions(-) create mode 100644 README.md create mode 100644 gtk-2.0/gtkrc.save create mode 100755 install.sh delete mode 100644 plank/INSTALLING create mode 100644 qt5/SteppenwolfDarker.colors diff --git a/README.md b/README.md new file mode 100644 index 0000000..9b39196 --- /dev/null +++ b/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 [](mailto://drkste@zoho.com) +* Author of OneStepBack: Jean-Pierre Bucciol [](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 + diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc index ca98413..f79282e 100644 --- a/gtk-2.0/gtkrc +++ b/gtk-2.0/gtkrc @@ -257,13 +257,14 @@ style "progressbar" { } -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 @@ style "menubar" { 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" diff --git a/gtk-2.0/gtkrc.save b/gtk-2.0/gtkrc.save new file mode 100644 index 0000000..f79282e --- /dev/null +++ b/gtk-2.0/gtkrc.save @@ -0,0 +1,465 @@ +#======================================# +# steppenwolf theme: gtk2 part # +# by nilix 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" + diff --git a/install.sh b/install.sh new file mode 100755 index 0000000..60f9d82 --- /dev/null +++ b/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} diff --git a/plank/INSTALLING b/plank/INSTALLING deleted file mode 100644 index d12f349..0000000 --- a/plank/INSTALLING +++ /dev/null @@ -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. \ No newline at end of file diff --git a/qt5/SteppenwolfDark.colors b/qt5/SteppenwolfDark.colors index e9651ba..adf1bc8 100644 --- a/qt5/SteppenwolfDark.colors +++ b/qt5/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 diff --git a/qt5/SteppenwolfDarker.colors b/qt5/SteppenwolfDarker.colors new file mode 100644 index 0000000..5c506f2 --- /dev/null +++ b/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