eudaimon
/
simple-gradience
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://git.disroot.org/eudaimon/simple-gradience

This commit is contained in:
eudaimon 2024-05-08 09:03:27 +02:00
parent 834fe50e71 f175700bea
commit ba4518ba88
4 changed files with 139 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
gtk-3.0/gtk.css
View File

@ -177,3 +177,12 @@ calendar:indeterminate { /* days numbers of previous or next month */
color: alpha(currentColor, 0.3);
}
/* draggable elements (in gtk3, the size of the circle needs to be much smaller!)*/
slider, tab.reorderable-page, tabbox > tabboxchild > tab, paned > separator {
background-image: radial-gradient(circle, alpha(currentColor, 0.2), alpha(currentColor, 0.2) 20%, alpha(currentColor, 0) 20%);
background-size: 5px 5px;
background-position: center;
background-repeat: repeat;
}

78
gtk-4.0/color_schemes/light-bright-green.css Normal file
View File

@ -0,0 +1,78 @@
@define-color accent_color #d0ff00;
@define-color accent_bg_color #d0ff00;
@define-color accent_fg_color #000000;
@define-color destructive_color #a51d2d;
@define-color destructive_bg_color #ff7178;
@define-color destructive_fg_color #000000;
@define-color success_color #00a788;
@define-color success_bg_color #6ce6d0;
@define-color success_fg_color #004237;
@define-color warning_color #e36b1a;
@define-color warning_bg_color #ffbe6f;
@define-color warning_fg_color #c64600;
@define-color error_color #dc293b;
@define-color error_bg_color #ff7178;
@define-color error_fg_color #8c0011;
@define-color window_bg_color #c3c3c3;
@define-color window_fg_color #000000;
@define-color view_bg_color #d4d4d4;
@define-color view_fg_color #000000;
@define-color headerbar_bg_color @window_bg_color;
@define-color headerbar_fg_color @window_fg_color;
@define-color headerbar_border_color @headerbar_fg_color;
@define-color headerbar_backdrop_color @window_bg_color;
@define-color headerbar_shade_color transparent;
@define-color card_bg_color alpha(white, 0.1);
@define-color card_fg_color #000000;
@define-color card_shade_color rgba(0, 0, 0, 0.19);
@define-color dialog_bg_color @window_bg_color;
@define-color dialog_fg_color @window_fg_color;
@define-color popover_bg_color @headerbar_bg_color;
@define-color popover_fg_color @headerbar_fg_color;
@define-color shade_color rgba(0, 0, 0, 0.19);
@define-color scrollbar_outline_color #ffffff;
@define-color blue_1 #99c1f1;
@define-color blue_2 #62a0ea;
@define-color blue_3 #3584e4;
@define-color blue_4 #1c71d8;
@define-color blue_5 #1a5fb4;
@define-color green_1 #8ff0a4;
@define-color green_2 #57e389;
@define-color green_3 #33d17a;
@define-color green_4 #2ec27e;
@define-color green_5 #26a269;
@define-color yellow_1 #f9f06b;
@define-color yellow_2 #f8e45c;
@define-color yellow_3 #f6d32d;
@define-color yellow_4 #f5c211;
@define-color yellow_5 #e5a50a;
@define-color orange_1 #ffbe6f;
@define-color orange_2 #ffa348;
@define-color orange_3 #ff7800;
@define-color orange_4 #e66100;
@define-color orange_5 #c64600;
@define-color red_1 #f66151;
@define-color red_2 #ed333b;
@define-color red_3 #e01b24;
@define-color red_4 #c01c28;
@define-color red_5 #a51d2d;
@define-color purple_1 #dc8add;
@define-color purple_2 #c061cb;
@define-color purple_3 #9141ac;
@define-color purple_4 #813d9c;
@define-color purple_5 #613583;
@define-color brown_1 #cdab8f;
@define-color brown_2 #b5835a;
@define-color brown_3 #986a44;
@define-color brown_4 #865e3c;
@define-color brown_5 #63452c;
@define-color light_1 #ffffff;
@define-color light_2 #f6f5f4;
@define-color light_3 #deddda;
@define-color light_4 #c0bfbc;
@define-color light_5 #9a9996;
@define-color dark_1 #77767b;
@define-color dark_2 #5e5c64;
@define-color dark_3 #3d3846;
@define-color dark_4 #241f31;
@define-color dark_5 #000000;

2
gtk-4.0/common/colors.css
View File

@ -1 +1 @@
../color_schemes/light-forest.css
../color_schemes/light-bright-green.css

86
gtk-4.0/common/common.css
View File

@ -31,6 +31,7 @@ check:disabled:active, radio:disabled:active,
slider:disabled
{
color: @disabled_fg_color;
opacity: 1; /*hopefully overwriting some libadwaita tendencies */
}
button:disabled, button.flat:disabled, .button:disabled, tab:disabled, entry:disabled, row:disabled, menuitem:disabled, modelbutton:disabled, modelbutton.flat:disabled
check:disabled, radio:disabled,
@ -135,7 +136,7 @@ header button {
/* popover, &.menu , &.emoji-picker, &.emoji-completion-row, emoji-completion */
/* button, splitbutton, buttoncontent... and what about flat buttons?! , arrow */
button, arrow, tab, .button {
button, arrow, tab, .button, slider {
min-height: 1.2em;
min-width: 1.2em;
padding: 0.3em 0.3em;
@ -188,20 +189,30 @@ radiobutton, radio {
}
button:hover, arrow:hover, tab:hover, .button:hover,
button:focus, .button:focus
button:focus, .button:focus,
slider:hover, slider:focus
{
box-shadow: inset 0 -.2em 0 0 alpha(@accent_color, 0.7);
box-shadow: inset 0 0 0 .1em @accent_color;
}
button:hover:checked, arrow:hover:checked, tab:hover:checked, .button:hover:checked,
button:hover:checked, arrow:hover:checked, tab:hover:checked, tab:selected:hover, .button:hover:checked,
button:focus:checked, .button:focus:checked
{
box-shadow: inset 0 -.3em 0 0 alpha(@accent_color, 0.75);
box-shadow: inset 0 -.3em 0 0 @accent_color,
inset 0 0 0 .1em @accent_color;
}
button:checked, arrow:checked, tab:checked, .button:checked,
button:active, arrow:active, tab:active, tab:selected, .button:active
button:checked, arrow:checked, .button:checked, tab:checked, tab:selected
{
box-shadow: inset 0 -.3em 0 0 alpha(@accent_color, 1);
}
button:active, arrow:active, .button:active, slider:active, tab:active {
box-shadow: inset 0 0 0 .2em @accent_color;
}
button:active:checked, arrow:active:checked, tab:active:checked, tab:selected:active, .button:active:checked {
box-shadow: inset 0 0 0 .2em @accent_color,
inset 0 -.3em 0 0 alpha(@accent_color, 1);
}
button:checked:disabled, arrow:checked:disabled, tab:checked:disabled, tab:selected:disabled, .button:checked:disabled {
@ -388,16 +399,15 @@ scale.vertical mark, scale.vertical mark > indicator {
slider { /* overwrites some things defined in button, which needs to be above */
min-width: 0.8em;
min-height: 0.8em;
min-width: 1.2em;
min-height: 1.2em;
padding: 0;
border-radius: 9999px;
background-color: mix(@window_fg_color,@window_bg_color, 0.7);
border: 3px double mix(@window_fg_color,@window_bg_color, 0.5);
background-color: mix(@window_fg_color,@window_bg_color, 0.8);
/*border: 3px double mix(@window_fg_color,@window_bg_color, 0.5);*/
margin: 0;
}
scrollbar.horizontal slider {
min-height: 0.6em;
min-width: 2em;
@ -407,38 +417,40 @@ scrollbar.vertical slider {
min-width: 0.6em;
}
/* draggable elements */
slider:hover, slider:focus, switch:focus slider, scale:focus slider,
tab.reorderable-page:hover, tabbox > tabboxchild > tab:hover {
/*box-shadow: inset 0 0 0 0.1em alpha(@accent_color, 0.5);*/
border-color: alpha(currentColor, 0.68);
border-style: solid;
slider, tab.reorderable-page, tabbox > tabboxchild > tab, paned > separator {
background-image: radial-gradient(circle, alpha(currentColor, 0.2), alpha(currentColor, 0.2) 30%, alpha(currentColor, 0) 35%);
background-size: 5px 5px;
background-position: center;
background-repeat: repeat;
}
slider:active, slider:hover:active,
tab.reorderable-page:hover:active, tabbox > tabboxchild > tab:hover:active { /* not really working in tabs... */
/*box-shadow: inset 0 0 0 0.1em @accent_color;*/
border-color: currentColor;
border-style: solid;
tab.reorderable-page > *, tab.reorderable-page label, tab.reorderable-page button,
tabbox > tabboxchild > tab > *, tabbox > tabboxchild > tab label {
background-color: mix(@window_bg_color, @window_fg_color, 0.1);
padding: 0 0.3em;
border-radius: 9999px;
}
.fine-tune slider:active, .fine-tune slider:active:hover {
/*box-shadow: inset 0 0 0 0.1em @warning_bg_color;*/
border-color: @warning_bg_color;
border-style: solid;
background-color: @warning_bg_color;
/*border-style: solid;*/
}
switch {
border: 1px solid alpha(currentColor, 0.5);
border-radius: 9999px;
}
switch {
background-color: mix(@window_bg_color, @view_bg_color, 0.5);
}
switch slider {
min-width: 1.2em;
min-height: 1.2em;
color: @window_fg_color;
margin: 0.1em;
}
switch:checked {
@ -533,13 +545,13 @@ tab, button.radio, stackswitcher > button, .circular, .pill {
margin: 1px;
}
tab.reorderable-page, tabbox > tabboxchild > tab {
/*tab.reorderable-page, tabbox > tabboxchild > tab {
border-style: double;
border-width: 3px;
min-width: 1em;
min-height: 1em;
padding: 0.1em 0.3em;
}
}*/
/* see slider for active reorderable tab */
@ -737,7 +749,7 @@ treeview.view.expander:disabled, window.print treeview.expander.dialog-action-bo
/* separator, paned > separator */
separator, paned > separator {
background-color: alpha(@window_fg_color,0.3);
background-color: alpha(@window_fg_color,0.1);
}
separator {
@ -747,8 +759,8 @@ separator {
}
paned > separator, paned.horizontal > separator, paned.vertical > separator {
min-width: 0.2em;
min-height: 0.2em;
min-width: 0.25em;
min-height: 0.25em;
-gtk-icon-source: none;
margin: 0.2em;
}
@ -938,29 +950,32 @@ popover .view {
button.close:not(:backdrop),
button.close:hover, button.close:backdrop:hover {
color: @destructive_color;
border-color: currentColor;
}
button.maximize:not(:backdrop),
button.maximize:hover, button.maximize:backdrop:hover {
color: @success_color;
border-color: currentColor;
}
button.minimize:not(:backdrop),
button.minimize:hover, button.minimize:backdrop:hover {
color: @warning_color;
border-color: currentColor;
}
button.close:hover, button.close:backdrop:hover,
button.minimize:hover, button.minimize:backdrop:hover,
button.maximize:hover, button.maximize:backdrop:hover {
box-shadow: inset 0 -.1em 0 0 alpha(currentColor, 0.7);
box-shadow: inset 0 0 0 .1em currentColor;
}
button.close:active, button.close:backdrop:active,
button.minimize:active, button.minimize:backdrop:active,
button.maximize:active, button.maximize:backdrop:active {
box-shadow: inset 0 -.2em 0 0 alpha(currentColor, 1);
box-shadow: inset 0 0 0 .2em currentColor;
}
@ -986,6 +1001,7 @@ windowcontrols.start {margin-right: 1em;}
background-color: alpha(mix(@window_bg_color, @view_bg_color, 0.5), 0.75);
border: 1px dashed alpha(@view_fg_color, 0.3);
background-clip: border-box;
border-radius: 5px;
}
toast, toast label { /* override libadwaita */