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

Tabs are tabs again. Reduced shadow size. Added new previews

This commit is contained in:
Eudaimon 2021-11-22 11:45:26 +01:00
parent 176d92a480
commit b0e308c765
5 changed files with 99 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
README.md
View File

@ -1,5 +1,7 @@
# pho-earth-adaptive
![small preview](previews/mosaic-logo.png)
This is a skeuomorphic GTK3 theme that follows your KDE Plasma color scheme, the same way that Breeze GTK theme adapts to it. So if you want to change its colors, you only need to change KDE Plasma's color scheme, nothing else.
Do you want to keep using your venerable Oxygen or QtCurve widgets with Plasma, with any color scheme but can't find an appropriate GTK3 theme that matches it? Seek no more!
@ -15,4 +17,18 @@ Each preview was obtained just by changing current Plasma color scheme.
Enjoy!
(some keywords to help finding this theme: non-flat, 3D, 3-D, adaptive, adapts, multiple colors, multicolor, shadows, highlights)
(some keywords to help finding this theme: non-flat, 3D, 3-D, adaptive, adapts, multiple colors, multicolor, shadows, highlights)
## Big previews:
Current style:
![big preview with current style](previews/GTK3WF-4-NewStyle-2021-11-22.png)
Old previews, but with different Plasma color schemes:
![old preview](previews/GTK3WF-1-KvDarkRed.png)
![old preview](previews/GTK3WF-2-OpenSuse-darkened.png)
![old preview](previews/GTK3WF-3-Earthen2.png)
![old preview](previews/mosaic-GTK3WF-3-KvCyan.png)
![old preview](previews/GTK3WF-3-Earthen2.png)

12
gtk-3.0/gtk.css
View File

@ -621,14 +621,14 @@ menubar,
decoration {
border-radius: 5px 5px 0px 0px;
border-width: 0px;
box-shadow: 0px 15px 38px -15px alpha(black, 0.9),
0px 10px 20px -5px alpha(black, 0.9),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px @theme_titlebar_background_breeze;
box-shadow: 0px 7px 19px -7px alpha(black, 0.9),
0px 5px 10px -3px alpha(black, 0.9),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px @theme_titlebar_background_breeze;
margin: 10px; }
decoration:backdrop {
box-shadow: 0px 15px 38px -15px alpha(black, 0.2),
0px 10px 20px -5px alpha(black, 0.6),
box-shadow: 0px 7px 19px -7px alpha(black, 0.2),
0px 5px 10px -3px alpha(black, 0.6),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px transparent;
transition: 80ms ease-out; }

12
gtk-4.0/gtk.css
View File

@ -641,15 +641,15 @@ decoration {
window.csd {
border-radius: 5px 5px 5px 5px;
border-width: 0px;
box-shadow: 0px 15px 38px -15px alpha(black, 0.9),
0px 10px 20px -5px alpha(black, 0.9),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px @theme_titlebar_background_breeze;
box-shadow: 0px 7px 19px -7px alpha(black, 0.9),
0px 5px 10px -3px alpha(black, 0.9),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px @theme_titlebar_background_breeze;
}
window.csd:backdrop {
box-shadow: 0px 15px 38px -15px alpha(black, 0.2),
0px 10px 20px -5px alpha(black, 0.6),
box-shadow: 0px 7px 19px -7px alpha(black, 0.2),
0px 5px 10px -3px alpha(black, 0.6),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px transparent;
transition: 80ms ease-out;

92
gtk-common/common.css
View File

@ -2372,11 +2372,13 @@ popover.background {
/*************
* Notebooks *
*************/
/* defined as a trough in GtkScale */
notebook > header {
padding: 0px;
border-color: @borders;
border-width: 1px;
background-color: @theme_bg_color_breeze; }
border-width: 0px;
background-color: @borders; /*@theme_bg_color_breeze;*/ }
/*notebook > header:backdrop {
border-color: @unfocused_borders;
background-color: @theme_unfocused_bg_color_breeze; }*/
@ -2479,23 +2481,65 @@ notebook > header tab {
padding: 0 1em;
margin: 3px 4px;
outline-offset: -8px;
color: alpha(@theme_fg_color_breeze, 0.5);
font-weight: bold;
border-width: 1px;
/*color: alpha(@theme_fg_color_breeze, 0.5);*/
/*font-weight: bold;*/
border-width: 0px;
border-color: transparent;
border-radius: 0.3em; }
border-radius: 0.3em;}
notebook > header tab:hover {
background-color: alpha(@theme_selected_bg_color_breeze ,0.5);
}
notebook > header tab:checked {
background-color: @theme_selected_bg_color_breeze;
color: @theme_selected_fg_color_breeze;
border-color: black;
box-shadow: 0 2px 2px -1px black,
background-color: @theme_base_color_breeze;/*@theme_selected_bg_color_breeze; */
color: @theme_text_color_breeze; /*@theme_selected_fg_color_breeze;*/
/*font-weight: bold;*/
/*border-color: black;*/
/*box-shadow: 0 2px 2px -1px black,
inset 0 1px 1px 0 alpha(white, 0.5),
inset 0 -1px 1px 0 alpha(black, 0.5); }
inset 0 -1px 1px 0 alpha(black, 0.5);*/ }
notebook > header.top tab:checked {
margin-bottom: -1px;
padding-bottom: .3em;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
box-shadow: /*0 2px 2px -1px black,*/
inset 0 1px 1px 0 alpha(white, 0.5);
/*inset 0 -1px 1px 0 alpha(black, 0.5);*/
}
notebook > header.bottom tab:checked {
margin-top: -1px;
padding-top: .3em;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
box-shadow: 0 2px 2px -1px black,
/*inset 0 1px 1px 0 alpha(white, 0.5);*/
inset 0 -1px 0px 0 alpha(black, 0.5);
}
notebook > header.right tab:checked {
margin-left: -1px;
padding-left: 1.3em;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
box-shadow: 1px 3px 2px -2px black,
inset 0 1px 1px 0 alpha(white, 0.5);
/*inset 0 -1px 1px 0 alpha(black, 0.5);*/
}
notebook > header.left tab:checked {
margin-right: -1px;
padding-right: 1.3em;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: -1px 3px 2px -2px black,
inset 0 1px 1px 0 alpha(white, 0.5);
/*inset 0 -1px 1px 0 alpha(black, 0.5);*/
}
notebook > header tab:hover.reorderable-page {
border-color: alpha(@borders, 0.3);
@ -2754,9 +2798,9 @@ switch {
switch:checked {
background-image: linear-gradient(@theme_selected_bg_color_breeze, shade(@theme_selected_bg_color_breeze, 1.1));
box-shadow: inset 0px 0px 0px 1px shade(@theme_selected_bg_color_breeze, 0.8); }
switch:disabled {
/*switch:disabled {
background-color: alpha(black, 0.1);
box-shadow: inset 0px 0px 0px 1px alpha(@borders, 0.75); }
box-shadow: inset 0px 0px 0px 1px alpha(@borders, 0.75); }*/
/* switch:backdrop {
background-color: alpha(black, 0.1);
box-shadow: inset 0px 0px 0px 1px alpha(@borders, 0.75);
@ -2783,8 +2827,12 @@ switch {
switch:hover slider, switch:focus slider {
box-shadow: 0 0 0 6px alpha(white, 0.4), 0 1px 2px alpha(black, 0.6), inset 0 0 0 1px alpha(white, 0.4); }
switch:disabled slider {
background-image: linear-gradient(shade(@theme_bg_color_breeze, 1.1), @theme_bg_color_breeze);
box-shadow: 0 1px 2px alpha(black, 0.2); }
background-image: linear-gradient(shade(@insensitive_bg_color_breeze, 1.1), @insensitive_bg_color_breeze);
box-shadow: 0 0 0 2px alpha(white, 0),
0 1px 2px alpha(black, 0.6),
inset 0 0px 0px 1px @insensitive_fg_color_breeze,
0px 4px 2px -1px alpha(black, 0.6);
}
switch:focus slider {
outline-color: @theme_selected_bg_color_breeze;
outline-offset: -16px;
@ -3047,11 +3095,11 @@ treeview.view radio {
* GtkScale and some common progressbar parts*
************/
scale trough, scale fill, progressbar trough {
scale trough, scale fill, progressbar trough, scrollbar trough, switch {
border-radius: 5px;
background-color: @borders;
padding: 1px; }
progressbar trough, scale trough, levelbar trough {
progressbar trough, scale trough, levelbar trough, scrollbar trough, switch, notebook > header {
/*box-shadow: inset 0 1px 2px 1px alpha(black, 0.3), inset 0 -1px 2px 1px alpha(@highlight_color, 0.3);*/
box-shadow:
inset 0px 2px 1px 0 alpha(@highlight_color, 0.5),
@ -4655,20 +4703,20 @@ flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover {
color: shade(@theme_selected_bg_color_breeze, 1.4); }
.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked,
/*.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked,
terminal-window notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -1px shade(@theme_selected_bg_color_breeze, 1.5); }
box-shadow: inset 0 -1px shade(@theme_selected_bg_color_breeze, 1.5); }*/
terminal-window notebook > header.top,
/*terminal-window notebook > header.top,
.mate-terminal notebook > header.top {
background-color: @theme_bg_color_breeze;
/* padding-top: 3px; */
box-shadow: 0 3px 3px -3px alpha(black, 0.12), 0 5px 5px -5px alpha(black, 0.06), inset 0 1px alpha(white, 0.4); }
terminal-window notebook > header.top button,
.mate-terminal notebook > header.top button {
padding: 0;
min-width: 24px;
min-height: 24px; }
min-height: 24px; }*/
.nautilus-canvas-item {
border-radius: 5px; }

BIN
previews/GTK3WF-4-NewStyle-2021-11-22.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 220 KiB