various updates

This commit is contained in:
Iris Lightshard 2021-03-01 21:37:03 -05:00
parent 4c43318c33
commit 3181795ab9
Signed by: Iris Lightshard
GPG key ID: 3B7FBC22144E6398
7 changed files with 675 additions and 12 deletions

51
README.md Normal file
View file

@ -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

View file

@ -259,6 +259,7 @@ style "progressbar" {
style "menu" { style "menu" {
bg[NORMAL] = @trueblack bg[NORMAL] = @trueblack
base[NORMAL] = @trueblack
GtkMenu::horizontal-padding = 0 GtkMenu::horizontal-padding = 0
GtkMenu::vertical-padding = 0 GtkMenu::vertical-padding = 0
GtkMenu::horizontal-offset = 0 GtkMenu::horizontal-offset = 0
@ -428,6 +429,7 @@ widget "gtk-tooltip*" style "tooltip"
widget_class "*Notif*" style "tooltip" widget_class "*Notif*" style "tooltip"
widget_class "*otif*" style "tooltip" widget_class "*otif*" style "tooltip"
class "GtkButton" style "button" class "GtkButton" style "button"
class "GtkMenu" style "menu"
#widget_class "*Link*" style "red" #widget_class "*Link*" style "red"
#widget_class "*Button*" style "red" #widget_class "*Button*" style "red"

465
gtk-2.0/gtkrc.save Normal file
View file

@ -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"

30
install.sh Executable file
View file

@ -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}

View file

@ -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.

View file

@ -1,10 +1,10 @@
[ColorEffects:Disabled] [ColorEffects:Disabled]
Color=56,56,56 Color=0,0,0
ColorAmount=0.5 ColorAmount=0.45
ColorEffect=2 ColorEffect=2
ContrastAmount=0.65 ContrastAmount=0.65
ContrastEffect=0 ContrastEffect=0
IntensityAmount=0.1 IntensityAmount=-0.1
IntensityEffect=0 IntensityEffect=0
[ColorEffects:Inactive] [ColorEffects:Inactive]
@ -89,11 +89,11 @@ ForegroundPositive=39,174,96
ForegroundVisited=127,140,141 ForegroundVisited=127,140,141
[Colors:Window] [Colors:Window]
BackgroundAlternate=77,77,77 BackgroundAlternate=212,212,212
BackgroundNormal=34,34,34 BackgroundNormal=34,34,34
DecorationFocus=31,155,146 DecorationFocus=31,155,146
DecorationHover=2,140,140 DecorationHover=31,155,146
ForegroundActive=61,174,233 ForegroundActive=212,212,212
ForegroundInactive=63,63,63 ForegroundInactive=63,63,63
ForegroundLink=41,128,185 ForegroundLink=41,128,185
ForegroundNegative=218,68,83 ForegroundNegative=218,68,83

View file

@ -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