eudaimon
/
pho-earth-adaptive
4
3
Fork 2
Code Issues Pull Requests 2 Projects Releases Wiki Activity

Created symlink and folder structure to allow to include many custom color themes. Changed spinbuttons and improved buttons (with some extra gradient)

This commit is contained in:
eudaimon 2021-11-04 11:05:40 +01:00
parent 6d324aa51c
commit 91c095f06f
5 changed files with 130 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
color_themes/earth.css Normal file
View File

@ -0,0 +1,34 @@
@define-color window_fg #241f31;
@define-color window_bg #a79780;
@define-color text_widget_fg #241f31;
@define-color text_widget_bg #cbb79b;
@define-color disabled_fg #670202;
@define-color disabled_bg #c19292;
@define-color selected_fg #000000;
@define-color selected_bg #7c9f47;
@define-color button_fg #241f31;
@define-color button_bg #a0a780;
@define-color button_pushed_fg @button_fg;
@define-color button_pushed_bg mix(@button_bg, @selected_bg, 0.5);
@define-color border_color black;
@define-color warning_color #f57900;
@define-color error_color #990000;
@define-color success_color #73d216;
@define-color titlebar_active_fg @selected_fg;
@define-color titlebar_active_bg @selected_bg;
@define-color titlebar_backdrop_fg @window_fg;
@define-color titlebar_backdrop_bg @window_bg;
@define-color hint_fg #002269;
@define-color hint_bg #6789b4;

32
color_themes/earth_by_night.css Normal file
View File

@ -0,0 +1,32 @@
@define-color window_fg #cccccc;
@define-color window_bg #6f7569;
@define-color text_widget_fg #eeeeee;
@define-color text_widget_bg #595d55;
@define-color button_fg @text_widget_fg;
@define-color button_bg #4f6665;
@define-color button_pushed_fg @button_fg;
@define-color button_pushed_bg mix(button_bg, @selected_bg, 0.5);
@define-color border_color black;
@define-color disabled_fg #9c4726;
@define-color disabled_bg #603b2c;
@define-color selected_fg #ffffff;
@define-color selected_bg #669900;
@define-color warning_color #f57900;
@define-color error_color #990000;
@define-color success_color #73d216;
@define-color titlebar_active_fg @selected_fg;
@define-color titlebar_active_bg @selected_bg;
@define-color titlebar_backdrop_fg @window_fg;
@define-color titlebar_backdrop_bg @window_bg;
@define-color hint_fg #5696c1;
@define-color hint_bg #25456e;

63
gtk-3.0/gtk.css
View File

@ -27,6 +27,11 @@ text widgets and the like base background color */
@define-color theme_button_foreground_normal_breeze @button_fg;
@define-color button_fg_color @theme_button_foreground_normal_breeze;
@define-color theme_button_foreground_active_breeze @button_pushed_fg;
@define-color theme_button_background_active_breeze @button_pushed_bg;
/*
base background color of selections */
@define-color theme_selected_bg_color_breeze @selected_bg; /*#7BBD89*/
@ -623,6 +628,10 @@ button {
border-radius: 5px;
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
button.default {
font-weight: bold;
}
notebook > header > tabs > arrow, button.titlebutton:hover,
button, button.flat:hover, button.flat:focus {
color: @button_fg_color;
@ -631,7 +640,7 @@ button, button.flat:hover, button.flat:focus {
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);*/
border-color: @border_color; /*shade(@theme_base_color_breeze, 0.4);*/
/*background: linear-gradient(to top, shade (@theme_bg_color_breeze, 1), shade (@theme_bg_color_breeze, 1.05));*/
background-image: linear-gradient(to top, alpha (@button_bg_color, 0.6), alpha(shade (@button_bg_color, 1.1), 0.6));
background-image: linear-gradient(to top, shade(@button_bg_color,0.9), shade(@button_bg_color, 1.1));
/*box-shadow: inset 0px 1px 1px shade (@theme_bg_color_breeze, 1.15);*/
box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px alpha (black, 0.85), 0px 3px 3px -2px alpha(black, 0.6) ;
}
@ -675,7 +684,7 @@ button, button.flat:hover, button.flat:focus {
notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked,
button:active,
button:checked, button.flat:active, button.flat:checked {
color: @button_fg_color;
color: @theme_button_foreground_active_breeze;
outline-color: alpha(black, 0.1);
border-color: @border_color;
/*text-shadow: 0 1px alpha(white, 0.769231);*/
@ -683,7 +692,8 @@ button, button.flat:hover, button.flat:focus {
/*border-color: shade (@borders, 0.6);*/
/* border-bottom-color: alpha(@highlight_color, 0.5);*/
/*background: linear-gradient(to top, shade (@theme_bg_color_breeze, 0.85), shade (@theme_bg_color_breeze, 0.9));*/
background-image: linear-gradient(to top, alpha(shade (@button_bg_color, 0.75), 0.6), alpha (shade (@button_bg_color, 0.8), 0.6));
/*background-image: linear-gradient(to top, alpha(shade (@button_bg_color, 0.75), 0.6), alpha (shade (@button_bg_color, 0.8), 0.6));*/
background-image: linear-gradient(to top, shade(@theme_button_background_active_breeze,0.9), shade(@theme_button_background_active_breeze, 1.1));
-gtk-icon-shadow: none;
/*box-shadow: inset 0px 0px 2px 0px shade (@theme_bg_color_breeze, 0.6);*/
box-shadow: inset 0px 0px 2px 0px shade (@button_bg_color, 0.6),
@ -1059,7 +1069,7 @@ button.suggested-action {
/*text-shadow: 0 1px alpha(black, 0.428024);
-gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/
/*border-color: shade (@theme_selected_bg_color_breeze, 0.4);*/
background-image: image(shade (@theme_selected_bg_color_breeze, 0.85));
background-image: image(shade(@theme_selected_bg_color_breeze, 0.85));
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade (@theme_selected_bg_color_breeze, 0.6); }
/* .selection-mode button.titlebutton:backdrop,
@ -1845,7 +1855,13 @@ spinbutton:not(.vertical) {
box-shadow: none; }
/*spinbutton:not(.vertical) entry:backdrop:disabled {
background-color: transparent; }*/
spinbutton:not(.vertical) button {
spinbutton button {
border-radius:5em;
padding: 0.1em;
min-height:0;
min-width:0;
}
/*spinbutton:not(.vertical) button {
min-height: 16px;
margin: 0;
padding-bottom: 0;
@ -1866,24 +1882,15 @@ spinbutton:not(.vertical) {
background-color: transparent; }
spinbutton:not(.vertical) button:active {
background-color: alpha(@theme_fg_color_breeze, 0.1);
/*box-shadow: inset 0 2px 3px -1px alpha(black, 0.2); */}
/*spinbutton:not(.vertical) button:backdrop {
color: shade (@insensitive_fg_color_breeze, 1.25);
background-color: transparent;
border-color: alpha (@insensitive_fg_color_breeze, 0.5);
transition: 80ms ease-out; }*/
/*spinbutton:not(.vertical) button:backdrop:disabled {
color: alpha (@unfocused_insensitive_color, 0.3);
background-color: transparent;
border-style: none none none solid; }
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
border-style: none solid none none; }*/
}
spinbutton:not(.vertical) button:dir(ltr):last-child {
border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 5px 0 0 5px; }
border-radius: 5px 0 0 5px; }*/
.osd spinbutton:not(.vertical) button {
/*.osd spinbutton:not(.vertical) button {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -1909,7 +1916,7 @@ spinbutton:not(.vertical) {
border-color: alpha(black, 0.5);
background-color: @theme_button_background_normal_breeze;
-gtk-icon-shadow: 0 1px black;
box-shadow: none; }
box-shadow: none; }*/
/* .osd spinbutton:not(.vertical) button:backdrop {
border-color: transparent;
background-color: transparent;
@ -1921,7 +1928,7 @@ spinbutton:not(.vertical) {
border-color: alpha(black, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }*/
.osd spinbutton:not(.vertical) button:disabled {
/* .osd spinbutton:not(.vertical) button:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -1935,7 +1942,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:dir(ltr):last-child {
border-radius: 0 5px 5px 0; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 5px 0 0 5px; }
border-radius: 5px 0 0 5px; }*/
spinbutton.vertical:disabled {
color: @theme_disabled_fg_color; }
@ -1951,9 +1958,9 @@ spinbutton.vertical entry {
min-height: 32px;
min-width: 32px;
padding: 0;
border-radius: 0; }
/*border-radius: 0; */}
spinbutton.vertical button {
/*spinbutton.vertical button {
min-height: 32px;
min-width: 32px;
padding: 0; }
@ -1973,8 +1980,7 @@ spinbutton.vertical button.down {
background-image: image(alpha(@theme_bg_color_breeze, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px alpha(white, 0.1);
/*text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;*/
outline-color: alpha(@theme_fg_color_breeze, 0.2); }
.osd spinbutton.vertical button:first-child:hover {
color: white;
@ -1983,8 +1989,7 @@ spinbutton.vertical button.down {
background-image: image(alpha(shade(@theme_bg_color_breeze,1.2), 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px alpha(white, 0.1);
/*text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;*/
outline-color: alpha(@theme_fg_color_breeze, 0.2); }
.osd spinbutton.vertical button:first-child:active {
color: white;
@ -2004,7 +2009,7 @@ spinbutton.vertical button.down {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
-gtk-icon-shadow: none; }*/
/*.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
border-color: alpha(black, 0.7);

46
gtk-4.0/gtk.css
View File

@ -27,6 +27,10 @@ text widgets and the like base background color */
@define-color theme_button_foreground_normal_breeze @button_fg;
@define-color button_fg_color @theme_button_foreground_normal_breeze;
@define-color theme_button_foreground_active_breeze @button_pushed_fg;
@define-color theme_button_background_active_breeze @button_pushed_bg;
/*
base background color of selections */
@define-color theme_selected_bg_color_breeze @selected_bg; /*#7BBD89*/
@ -664,6 +668,9 @@ button {
border-radius: 5px;
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
button.default {
font-weight: bold;
}
notebook > header > tabs > arrow, button.titlebutton:hover,
button, button.flat:hover, button.flat:focus {
color: @button_fg_color;
@ -672,7 +679,7 @@ button, button.flat:hover, button.flat:focus {
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);*/
border-color: @border_color; /*shade(@theme_base_color_breeze, 0.4);*/
/*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 1), shade(@theme_bg_color_breeze, 1.05));*/
background-image: linear-gradient(to top, alpha(@button_bg_color, 0.6), alpha(shade(@button_bg_color, 1.1), 0.6));
background-image: linear-gradient(to top, shade(@button_bg_color,0.9), shade(@button_bg_color, 1.1));
/*box-shadow: inset 0px 1px 1px shade(@theme_bg_color_breeze, 1.15);*/
box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px alpha(black, 0.85), 0px 3px 3px -2px alpha(black, 0.6);
}
@ -723,7 +730,7 @@ button, button.flat:hover, button.flat:focus {
/*border-color: shade(@borders, 0.6);*/
/* border-bottom-color: alpha(@highlight_color, 0.5);*/
/*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.9));*/
background-image: linear-gradient(to top, alpha(shade(@button_bg_color, 0.75), 0.6), alpha(shade(@button_bg_color, 0.8), 0.6));
background-image: linear-gradient(to top, shade(@theme_button_background_active_breeze,0.9), shade(@theme_button_background_active_breeze, 1.1));
-gtk-icon-shadow: none;
/*box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.6);*/
box-shadow: inset 0px 0px 2px 0px shade(@button_bg_color, 0.6),
@ -1899,7 +1906,14 @@ spinbutton:not(.vertical) {
box-shadow: none; }
/*spinbutton:not(.vertical) entry:backdrop:disabled {
background-color: transparent; }*/
spinbutton:not(.vertical) button {
spinbutton button {
border-radius:5em;
padding: 0.1em;
min-height:0;
min-width:0;
}
/*spinbutton:not(.vertical) button {
min-height: 16px;
margin: 0;
padding-bottom: 0;
@ -1920,7 +1934,7 @@ spinbutton:not(.vertical) {
background-color: transparent; }
spinbutton:not(.vertical) button:active {
background-color: alpha(@theme_fg_color_breeze, 0.1);
/*box-shadow: inset 0 2px 3px -1px alpha(black, 0.2); */}
}*/
/*spinbutton:not(.vertical) button:backdrop {
color: shade(@insensitive_fg_color_breeze, 1.25);
background-color: transparent;
@ -1932,12 +1946,12 @@ spinbutton:not(.vertical) {
border-style: none none none solid; }
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
border-style: none solid none none; }*/
spinbutton:not(.vertical) button:dir(ltr):last-child {
/* spinbutton:not(.vertical) button:dir(ltr):last-child {
border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 5px 0 0 5px; }
border-radius: 5px 0 0 5px; }*/
.osd spinbutton:not(.vertical) button {
/*.osd spinbutton:not(.vertical) button {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -1963,7 +1977,7 @@ spinbutton:not(.vertical) {
border-color: alpha(black, 0.5);
background-color: @theme_button_background_normal_breeze;
-gtk-icon-shadow: 0 1px black;
box-shadow: none; }
box-shadow: none; }*/
/* .osd spinbutton:not(.vertical) button:backdrop {
border-color: transparent;
background-color: transparent;
@ -1975,7 +1989,7 @@ spinbutton:not(.vertical) {
border-color: alpha(black, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }*/
.osd spinbutton:not(.vertical) button:disabled {
/* .osd spinbutton:not(.vertical) button:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
@ -1992,7 +2006,7 @@ spinbutton:not(.vertical) {
border-radius: 5px 0 0 5px; }
spinbutton.vertical:disabled {
color: @theme_disabled_fg_color; }
color: @theme_disabled_fg_color; }*/
/*spinbutton.vertical:backdrop:disabled {
color: @unfocused_insensitive_color; }*/
@ -2005,9 +2019,9 @@ spinbutton.vertical entry {
min-height: 32px;
min-width: 32px;
padding: 0;
border-radius: 0; }
/*border-radius: 0;*/ }
spinbutton.vertical button {
/*spinbutton.vertical button {
min-height: 32px;
min-width: 32px;
padding: 0; }
@ -2027,8 +2041,7 @@ spinbutton.vertical button.down {
background-image: image(alpha(@theme_bg_color_breeze, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px alpha(white, 0.1);
/*text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;*/
outline-color: alpha(@theme_fg_color_breeze, 0.2); }
.osd spinbutton.vertical button:first-child:hover {
color: white;
@ -2037,8 +2050,7 @@ spinbutton.vertical button.down {
background-image: image(alpha(shade(@theme_bg_color_breeze,1.2), 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px alpha(white, 0.1);
/*text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;*/
outline-color: alpha(@theme_fg_color_breeze, 0.2); }
.osd spinbutton.vertical button:first-child:active {
color: white;
@ -2058,7 +2070,7 @@ spinbutton.vertical button.down {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
-gtk-icon-shadow: none; }*/
/*.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
border-color: alpha(black, 0.7);

30
theme_colors.css
View File

@ -1,30 +0,0 @@
@define-color window_fg #241f31;
@define-color window_bg #a79780;
@define-color text_widget_fg #241f31;
@define-color text_widget_bg #cbb79b;
@define-color button_fg #241f31;
@define-color button_bg #a0a780;
@define-color border_color black;
@define-color disabled_fg #670202;
@define-color disabled_bg #c19292;
@define-color selected_fg #000000;
@define-color selected_bg #7c9f47;
@define-color warning_color #f57900;
@define-color error_color #990000;
@define-color success_color #73d216;
@define-color titlebar_active_fg @selected_fg;
@define-color titlebar_active_bg @selected_bg;
@define-color titlebar_backdrop_fg @window_fg;
@define-color titlebar_backdrop_bg @window_bg;
@define-color hint_fg #002269;
@define-color hint_bg #6789b4;

1
theme_colors.css Symbolic link
View File

@ -0,0 +1 @@
color_themes/earth.css