eudaimon/ClearCrystal
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

All the neon customizations

Browse source
This commit is contained in:
Eudaimon 2023-06-03 21:24:29 +02:00
parent f5d899dc97
commit 6771d831b8
20 changed files with 1942 additions and 1743 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
gtk-2.0/gtkrc
View file

@ -1,20 +1,20 @@
# Please keep this gtkrc in sync with the other ones from Clearlooks based themes. # Please keep this gtkrc in sync with the other ones from Clearlooks based themes.
gtk-color-scheme = "bg_color:#3f3e3e" gtk-color-scheme = "bg_color:#002428"
gtk-color-scheme = "fg_color:#EDF0F5" gtk-color-scheme = "fg_color:#00fFff"
gtk-color-scheme = "base_color:#323232" gtk-color-scheme = "base_color:#013334"
gtk-color-scheme = "text_color:#EDF0F5" gtk-color-scheme = "text_color:#00fFff"
gtk-color-scheme = "selected_bg_color:#769830" gtk-color-scheme = "selected_bg_color:#00a49b"
gtk-color-scheme = "selected_fg_color:#ffffff" gtk-color-scheme = "selected_fg_color:#84ffff"
gtk-color-scheme = "tooltip_bg_color:#203d79" gtk-color-scheme = "tooltip_bg_color:#1a5fb4"
gtk-color-scheme = "tooltip_fg_color:#66cbec" gtk-color-scheme = "tooltip_fg_color:#ADFFF8"
gtk-color-scheme = "disabled_bg_color:#494949" gtk-color-scheme = "disabled_bg_color:#520B2E"
gtk-color-scheme = "disabled_fg_color:#7b7b7b" gtk-color-scheme = "disabled_fg_color:#A50052"
gtk-color-scheme = "button_bg_color:#585858" gtk-color-scheme = "button_bg_color:#002a16"
gtk-color-scheme = "button_fg_color:#EDF0F5" gtk-color-scheme = "button_fg_color:#57ff00"
gtk-color-scheme = "button_checked_bg_color:#769830" gtk-color-scheme = "button_checked_bg_color:#00751b"
gtk-color-scheme = "button_checked_fg_color:#ffffff" gtk-color-scheme = "button_checked_fg_color:#90ff56"
style "default" { style "default" {

854
gtk-3.0/gtk.css
View file

File diff suppressed because it is too large Load diff

758
gtk-4.0/gtk.css
View file

File diff suppressed because it is too large Load diff

BIN
previews/neon-dark-Cyberhack.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 492 KiB

50
source/common/_theme_colors.scss
View file

@ -1,37 +1,37 @@
$window_fg: #EDF0F5; $window_fg: #00fFff;
$window_bg: #3f3e3e; $window_bg: #002428;
$text_widget_fg: #EDF0F5; $text_widget_fg: #00fFff;
$text_widget_bg: #323232; $text_widget_bg: #013334;
$selected_fg: #ffffff; $selected_fg: #84ffff;
$selected_bg: #769830; $selected_bg: #00a49b;
$button_fg: #EDF0F5; $button_fg: #57ff00;
$button_bg: #585858; $button_bg: #002a16;
$button_checked_bg: #769830; $button_checked_bg: #00751b;
$button_checked_fg: #ffffff; $button_checked_fg: #90ff56;
$disabled_fg: #7b7b7b; $disabled_fg: #A50052;
$disabled_bg: #494949; $disabled_bg: #520B2E;
/*Usually an automatic fg color on these backgrounds should check this value!*/ /*Usually an automatic fg color on these backgrounds should check this value!*/
$warningc: #f57900; $warningc: #b08700;
$errorc: #CC0000; $errorc: #ac0000;
$successc: #33d17a; $successc: #5aaa00;
$titlebar_active_fg: #ffffff; $titlebar_active_fg: #32f291;
$titlebar_active_bg: #768556; $titlebar_active_bg: #002428;
$titlebar_backdrop_fg: #EDF0F5; $titlebar_backdrop_fg: #229159;
$titlebar_backdrop_bg: #3f3e3e; $titlebar_backdrop_bg: #002428;
$hint_fg: #66cbec; $hint_fg: #ADFFF8;
$hint_bg: #203d79; $hint_bg: #1a5fb4;
$osd_fg: #66cbec; $osd_fg: #ADFFF8;
$osd_bg: #203d79; $osd_bg: #1a5fb4;
$link_fg: #99c1f1; $link_fg: #AEB6FF;
$link_visited_fg: #dc8add; $link_visited_fg: #FD99FF;

29
source/common/buttons.scss
View file

@ -71,11 +71,13 @@ $_default_button_c: $button_bg;
color: $tc; color: $tc;
background-color: $c; background-color: $c;
border-color: transparent; //mix($tc, $c, 10%); border-color: mix($tc, $c, 30%); //transparent; //mix($tc, $c, 10%);
outline-color: $focus_border_color; outline-color: $focus_border_color;
//background-image: none;// $button_clickable_image, $backimage; //background-image: none;// $button_clickable_image, $backimage;
//@include _button_text_shadow($tc, $c); //@include _button_text_shadow($tc, $c);
@include _shadows(shadow(normal)); //@include _shadows(shadow(normal, $tc));
@include _shadows(none);
} }
@else if $t==hover or $t==hover-alt or $t==undecorated-hover or $t==osd-hover { @else if $t==hover or $t==hover-alt or $t==undecorated-hover or $t==osd-hover {
@ -93,8 +95,9 @@ $_default_button_c: $button_bg;
// //
//color: $button_checked_fg; //color: $button_checked_fg;
//background-color: $button_checked_bg; //background-color: $button_checked_bg;
@include _shadows(shadow(glow, $selected_bg_color)); @include _shadows(shadow(glow, $selected_bg_color), shadow(normal, $tc));
//transition: 50ms; //transition: 50ms;
transition-duration: 10ms;
} }
@else if ($t==checked-active ) { @else if ($t==checked-active ) {
@ -103,7 +106,9 @@ $_default_button_c: $button_bg;
// //
color: $button_checked_fg; color: $button_checked_fg;
background-color: $button_checked_bg; background-color: $button_checked_bg;
@include _shadows(shadow(normal)); border-color: mix($button_checked_fg, $button_checked_bg, 30%);
@include _shadows(shadow(normal, $tc));
transition-duration: 10ms;
} }
@ -113,8 +118,8 @@ $_default_button_c: $button_bg;
// //
color: $button_checked_fg; color: $button_checked_fg;
background-color: $button_checked_bg; background-color: $button_checked_bg;
border-color: transparent; //mix($button_checked_fg, $button_checked_bg, 10%); border-color: mix($button_checked_fg, $button_checked_bg, 30%);
@include _shadows(shadow(normal)); @include _shadows(shadow(normal, $button_checked_fg));
} }
@ -124,7 +129,7 @@ $_default_button_c: $button_bg;
// //
color: $button_checked_fg; color: $button_checked_fg;
border-color: gtkalpha($button_checked_fg, 0.5); border-color: gtkalpha($button_checked_fg, 0.5);
@include _shadows(shadow(normal)); @include _shadows(shadow(normal, $button_checked_fg));
} }
@ -134,7 +139,7 @@ $_default_button_c: $button_bg;
// insensitive button // insensitive button
// //
color: $insensitive_fg_color; color: $insensitive_fg_color;
border-color: transparent; //mix($insensitive_fg_color, $insensitive_bg_color, 10%); border-color: $insensitive_fg_color; //mix($insensitive_fg_color, $insensitive_bg_color, 30%);
background-color: $insensitive_bg_color; background-color: $insensitive_bg_color;
background-image: if($backimage==null, none, $backimage); background-image: if($backimage==null, none, $backimage);
text-shadow: none; text-shadow: none;
@ -142,13 +147,13 @@ $_default_button_c: $button_bg;
@include _shadows(shadow(insensitive)); @include _shadows(shadow(insensitive));
} }
@else if $t==insensitive-active { @else if $t==insensitive-active or $t==insensitive-checked {
// //
// insensitive pushed button // insensitive pushed button (I don't know why "active", since "active" should only mean "currently being pushed")
// //
color: $insensitive_fg_color; color: $insensitive_fg_color;
background-color: mix($insensitive_bg_color, $button_checked_bg, 80%); background-color: mix($insensitive_bg_color, $insensitive_fg_color, 50%);
border-color: transparent;//mix($insensitive_fg_color, $insensitive_bg_color, 50%); border-color: $insensitive_fg_color;// mix($insensitive_fg_color, $insensitive_bg_color, 75%);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@include _shadows(shadow(insensitive)); @include _shadows(shadow(insensitive));

12
source/common/common_colors.scss
View file

@ -10,9 +10,9 @@ $selected_bg_color: $selected_bg;
$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%)); $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%));
$borders_color: if($variant == 'light', darken($bg_color, 10%), lighten($bg_color, 10%)); $borders_color: mix($bg_color, $fg_color, 60%); //if($variant == 'light', darken($bg_color, 10%), lighten($bg_color, 10%));
$alt_borders_color: if($variant == 'light', darken($bg_color, 20%), lighten($bg_color, 18%)); $alt_borders_color: mix($bg_color, $fg_color, 40%); //if($variant == 'light', darken($bg_color, 20%), lighten($bg_color, 18%));
$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); $borders_edge: if($variant == 'light', transparentize($fg_color, 0.9), transparentize($fg_color, 0.93));// if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93));
$link_color: $link_fg; //mix($successc, $fg_color, 30%);//if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%)); $link_color: $link_fg; //mix($successc, $fg_color, 30%);//if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
$link_visited_color: $link_visited_fg; //mix($selected_bg_color, $fg_color, 20%); //if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%)); $link_visited_color: $link_visited_fg; //mix($selected_bg_color, $fg_color, 20%); //if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
@ -41,7 +41,7 @@ $osd_bg_color: transparentize($osd_bg, 0.3); //if($variant == 'light', transpare
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
$osd_borders_color: $hint_fg; $osd_borders_color: opacify(mix($osd_fg_color, $osd_bg_color, 50%), 1);
$sidebar_bg_color: mix($bg_color, $base_color, 50%); $sidebar_bg_color: mix($bg_color, $base_color, 50%);
@ -81,8 +81,8 @@ $_dot_color: $warning_color;//if($variant=='light', $selected_bg_color, lighten(
// in window decoration // in window decoration
$_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); $_wm_border: $titlebar_active_fg; //if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25));
$_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); $_wm_border_backdrop: $titlebar_backdrop_fg; //if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25));

38
source/common/common_common.scss
View file

@ -15,6 +15,33 @@
@return unquote("@#{$c}"); @return unquote("@#{$c}");
} }
@keyframes entry-anim {
from {
background-image: image(#00fFff);
background-size: 100% 2px;
background-position: bottom;
}
to {
background-position: top; }
}
%interference {
background-repeat: no-repeat;
animation-duration: 300ms;
animation-timing-function: linear;//steps(6, end);
animation-iteration-count: 2;
animation-fill-mode: none;
animation-name: entry-anim;
}
@keyframes glow-anim {
from {
text-shadow: 0 0 3px gtkalpha(currentColor, 0), 0 0 3px gtkalpha(currentColor, 0); }
to {
text-shadow: 0 0 3px gtkalpha(currentColor, 1), 0 0 3px gtkalpha(currentColor, 1); } }
// Optional compact sizes for buttons, headerbar and headerbar widgets // Optional compact sizes for buttons, headerbar and headerbar widgets
$_sizevariant: 'compact'; //either 'default', or compact otherwise $_sizevariant: 'compact'; //either 'default', or compact otherwise
$_headerbar_height: if($_sizevariant=='default', 46px, 40px); $_headerbar_height: if($_sizevariant=='default', 46px, 40px);
@ -37,6 +64,9 @@ $button_radius: 3px;
$window_radius: $button_radius + 3; $window_radius: $button_radius + 3;
$popover_radius: $button_radius + 4; $popover_radius: $button_radius + 4;
$_levelbar_size: 9px;
$_levelbar_border_radius: 5px;
$tab_radius: 9999px; $tab_radius: 9999px;
$card_radius: $button_radius + 4; //for libadwaita $card_radius: $button_radius + 4; //for libadwaita
@ -61,16 +91,14 @@ $card_radius: $button_radius + 4; //for libadwaita
} }
@function shadow($t:normal, $c:transparentize($shadow_hard_color, if($variant == 'light', 0.6, 0.3))) { @function shadow($t:normal, $c:transparentize($shadow_hard_color, if($variant == 'light', 0.6, 0.3))) {
@if $t==active or $t==transparent { @if $t==active or $t==transparent or $t==disabled or $t==insensitive {
@return 0 0 0 0 transparent; @return 0 0 0 0 transparent;
} @else if $t==glow { } @else if $t==glow {
@return 0 0 3px 2px $c; @return 0 0 3px 2px $c;
} @else if $t==glow-small { } @else if $t==glow-small {
@return 0 0 1px 1px $c; @return 0 0 1px 1px $c;
} @else if $t==disabled or $t==insensitive {
@return 0px 1px 3px -1px $c;
} @else { } @else {
@return 0px 1px 3px 0 $c; @return 0px 0px 3px 0 $c;
} }
} }
@ -157,3 +185,5 @@ $button_shadow_pressed: inset 0 1px 2px transparentize($shadow_hard_color, 0.6);
@else { background: $c $gradient; } @else { background: $c $gradient; }
} }

26
source/common/levelbar.scss
View file

@ -2,10 +2,10 @@
* Level Bar * * Level Bar *
*************/ *************/
$_levelbar_size: 9px;
$_levelbar_border_radius: 5px;
levelbar { levelbar {
trough > block { margin: 1px;}
&.horizontal { &.horizontal {
trough > block { trough > block {
min-height: $_levelbar_size; min-height: $_levelbar_size;
@ -53,25 +53,27 @@ levelbar {
} }
> trough { > trough {
padding: 1px; //padding: 1px;
@include entry(normal); //@include entry(normal);
&:backdrop { @include entry(backdrop); } //&:backdrop { @include entry(backdrop); }
border-radius: $_levelbar_border_radius; //border-radius: $_levelbar_border_radius;
@extend %scale_trough;
border-radius: $_levelbar_border_radius + 2;
} }
// level bar colours // level bar colours
> trough > block { > trough > block {
border: 1px solid; border: 1px solid;
border-color: $progress_border_color;
background-color: $progress_bg_color;
&.low { &.low {
border-color: $warning_color; border-color: $warning_color;
background-color: $warning_color; background-color: $warning_color;
} }
&.high, &.high {
&:not(.empty) { border-color: mix($success_color, $progress_border_color, 50%);
border-color: $progress_border_color; background-color: mix($success_color,$progress_bg_color, 50%);
background-color: $progress_bg_color;
} }
&.full { &.full {
@ -81,7 +83,7 @@ levelbar {
&.empty { &.empty {
background-color: darken($base_color, 5%); background-color: darken($base_color, 5%);
border-color: darken($base_color, 10%); border-color: $borders_color;;
} }
} }
} }

10
source/common/notebook.scss
View file

@ -11,22 +11,18 @@
} }
notebook { notebook {
//padding: 1px; //padding: 1px; //padding or margin makes some applications show this as transparent (i.e. Tilix), so better not!
//margin: 1px;
> header { > header {
@extend %stackswitcher; @extend %stackswitcher;
border-color: transparent;
//background-color: $dark_fill; //background-color: $dark_fill;
//tabs { margin: 3px; } //tabs { margin: 3px; }
&.top {
}
&.bottom {
}
&.left, &.right { &.left, &.right {
border-radius: 1.5em; border-radius: 1.5em;

19
source/common/stack_switcher.scss
View file

@ -1,8 +1,25 @@
stackswitcher, .stack-switcher, %stackswitcher { stackswitcher, .stack-switcher, %stackswitcher {
border-radius: 9999px; border-radius: 9999px;
box-shadow: inset shadow(normal); //box-shadow: inset shadow(normal, currentColor);
border: 1px solid transparent;
headerbar &, windowhandle & { headerbar &, windowhandle & {
margin: 3px 0px; margin: 3px 0px;
& > button {min-height: $button_min_height - 5px;} & > button {min-height: $button_min_height - 5px;}
} //otherwise it's as tall as the headerbar, which doesn't look good. } //otherwise it's as tall as the headerbar, which doesn't look good.
&.top {
border-top-color: $borders_color;
}
&.bottom {
border-bottom-color: $borders_color;
}
&.left {
border-left-color: $borders_color;
}
&.right {
border-right-color: $borders_color;
}
&:not(.top):not(.bottom):not(.left):not(.right) {
border-color: $borders_color;
}
} }

50
source/gtk3/_common.scss
View file

@ -112,6 +112,9 @@
& > :selected { //this is weirdly needed for nemo when renaming files, there's probably a better solution & > :selected { //this is weirdly needed for nemo when renaming files, there's probably a better solution
background-color: $selected_bg_color; background-color: $selected_bg_color;
} }
&:focus {
//@extend %interference; //better not to: it goes through the entire view (all the covered area through scrolling), not just the viewport area
}
} }
@ -941,7 +944,9 @@ button {
} }
%needs_attention { %needs_attention {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in,
500ms steps(4, end) infinite alternate glow-anim;
$_dot_shadow: _text_shadow_color(); $_dot_shadow: _text_shadow_color();
$_dot_shadow_r: if($variant=='light',0.5,0.45); $_dot_shadow_r: if($variant=='light',0.5,0.45);
@ -2483,7 +2488,7 @@ switch {
&:disabled { &:disabled {
color: $insensitive_fg_color; color: $insensitive_fg_color;
border-color: $borders_color; border-color: $insensitive_fg_color;
background-color: $insensitive_bg_color; background-color: $insensitive_bg_color;
text-shadow: none; text-shadow: none;
} }
@ -2494,7 +2499,8 @@ switch {
margin: -1px; margin: -1px;
min-width: 24px; min-width: 24px;
min-height: 24px; min-height: 24px;
border: 1px solid transparent; border-width: 1px;
border-style: solid;
border-radius: 50%; border-radius: 50%;
transition: $button_transition; transition: $button_transition;
-gtk-outline-radius: 20px; -gtk-outline-radius: 20px;
@ -2765,7 +2771,7 @@ treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a work
&:disabled { &:disabled {
background-color: mix($insensitive_bg_color, $insensitive_fg_color, 30%); background-color: mix($insensitive_bg_color, $insensitive_fg_color, 30%);
border-color: mix($insensitive_bg_color, $insensitive_fg_color, 00%);; border-color: mix($insensitive_bg_color, $insensitive_fg_color, 00%);
} }
@ -2776,8 +2782,12 @@ treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a work
// OSD // OSD
.osd & { .osd & {
border-color: $osd_borders_color; border-color: $osd_borders_color;
background-color: mix($osd_borders_color, $osd_bg_color, 80%);
&:disabled { border-color: transparent; } &:disabled {
background-color: mix($insensitive_bg_color, $insensitive_fg_color, 30%);
border-color: mix($insensitive_bg_color, $insensitive_fg_color, 00%);
}
} }
} }
@ -2892,23 +2902,23 @@ scale {
// OSD // OSD
.osd & { .osd & {
@include button(osd); @extend %osd_button; //@include button(osd);
//border-color: darken($osd_borders_color, 3%); //border-color: darken($osd_borders_color, 3%);
background-color: opacify(mix($osd_bg_color, $osd_fg_color, 0.2), 1); // solid background needed here background-color: opacify($osd_bg_color, 1); // solid background needed here
&:hover { &:hover {
@include button(osd-hover); //@include button(osd-hover);
background-color: opacify(mix($osd_bg_color, $osd_fg_color, 0.2), 1); // solid background needed here //background-color: opacify(mix($osd_bg_color, $osd_fg_color, 0.2), 1); // solid background needed here
} }
&:active { &:active {
@include button(osd-active); //@include button(osd-active);
background-color: opacify($osd_bg_color, 1); // solid background needed here //background-color: opacify($osd_bg_color, 1); // solid background needed here
} }
&:disabled { &:disabled {
@include button(osd-insensitive); //@include button(osd-insensitive);
background-color: opacify($osd_bg_color, 1); // solid background needed here //background-color: opacify($osd_bg_color, 1); // solid background needed here
} }
} }
} }
@ -3226,7 +3236,7 @@ scrolledwindow {
//vbox and hbox separators //vbox and hbox separators
separator { separator {
background-color: transparentize(if($variant=='light', black, white), 0.9); background-color: $borders_color; //transparentize(if($variant=='light', black, white), 0.9);
min-width: 1px; min-width: 1px;
min-height: 1px; min-height: 1px;
} }
@ -3937,10 +3947,10 @@ decoration {
// this needs to be transparent // this needs to be transparent
// see bug #722563 // see bug #722563
$_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25)); //$_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25));
$_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25)); //$_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize(black, 0.25));
box-shadow: 0 3px 9px 1px transparentize(black, 0.5), box-shadow: 0 3px 9px 1px transparentize($_wm_border, 0.3), //0 3px 9px 1px transparentize(black, 0.5),
0 0 0 1px $_wm_border; //doing borders with box-shadow 0 0 0 1px $_wm_border; //doing borders with box-shadow
// FIXME rationalize shadows // FIXME rationalize shadows
@ -3954,7 +3964,7 @@ decoration {
// The biggest shadow should be in the same order then in the active state // The biggest shadow should be in the same order then in the active state
// or the jumping will happen during the transition. // or the jumping will happen during the transition.
box-shadow: 0 3px 9px 1px transparent, box-shadow: 0 3px 9px 1px transparent,
0 2px 6px 2px transparentize(black, 0.8), 0 2px 6px 2px transparentize($_wm_border_backdrop, 0.3), //0 2px 6px 2px transparentize(black, 0.8),
0 0 0 1px $_wm_border_backdrop; 0 0 0 1px $_wm_border_backdrop;
transition: $backdrop_transition; transition: $backdrop_transition;
} }
@ -3969,11 +3979,11 @@ decoration {
.tiled-left & { .tiled-left & {
border-radius: 0; border-radius: 0;
box-shadow: 0 0 0 1px $_wm_border_backdrop, box-shadow: 0 0 0 1px $_wm_border_backdrop,
0 2px 6px 2px transparentize(black, 0.3), 0 2px 6px 2px transparentize($_wm_border, 0.3), //0 2px 6px 2px transparentize(black, 0.3),
0 0 0 20px transparent; //transparent control workaround -- #3670 0 0 0 20px transparent; //transparent control workaround -- #3670
&:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop,
0 2px 6px 2px transparentize(black, 0.6), 0 2px 6px 2px transparentize($_wm_border_backdrop, 0.3), //0 2px 6px 2px transparentize(black, 0.6),
0 0 0 20px transparent; // #3670 0 0 0 20px transparent; // #3670
} }
} }

4
source/gtk3/_drawing.scss
View file

@ -56,14 +56,16 @@ $gtk: 3;
border-color: mix($text_color,$base_color, 20%);//$borders_color; border-color: mix($text_color,$base_color, 20%);//$borders_color;
background-color: $base_color; background-color: $base_color;
@include _shadows(inset shadow(normal), inset shadow(transparent)); @include _shadows(inset shadow(normal), inset shadow(transparent));
// for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here.
} }
@if t==hover { //gtk apparently does not create :hover on entries!?! @if t==hover { //gtk apparently does not create :hover on entries!?!
border-color: gtkalpha($fc, 0.5); border-color: gtkalpha($fc, 0.5);
} }
@if $t==focus { @if $t==focus {
@include _shadows(inset shadow(normal), inset shadow(glow-small, $fc)); @include _shadows(inset shadow(normal, $fc), inset shadow(glow-small, $fc));
//border-color: entry_focus_border($fc); //border-color: entry_focus_border($fc);
@extend %interference;
} }
@if $t==insensitive { @if $t==insensitive {
color: $insensitive_fg_color; color: $insensitive_fg_color;

854
source/gtk3/gtk-new.css
View file

File diff suppressed because it is too large Load diff

54
source/gtk4/_common.scss
View file

@ -57,6 +57,9 @@ image:disabled {
& > :selected { //this is weirdly needed for nemo when renaming files, there's probably a better solution & > :selected { //this is weirdly needed for nemo when renaming files, there's probably a better solution
background-color: $selected_bg_color; background-color: $selected_bg_color;
} }
&:focus {
//@extend %interference; //better not to: it goes through the entire view (all the covered area through scrolling), not just the viewport area
}
} }
textview { textview {
@ -790,7 +793,8 @@ button {
%needs_attention { %needs_attention {
// the dot is drawn by using two radial gradient, the first one is the actual dot, the other // the dot is drawn by using two radial gradient, the first one is the actual dot, the other
// simulates the shadow labels and icons normally have in buttons. // simulates the shadow labels and icons normally have in buttons.
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in,
500ms steps(4, end) infinite alternate glow-anim;
background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 )); background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 ));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
@ -2235,7 +2239,7 @@ switch {
&:disabled { &:disabled {
color: $insensitive_fg_color; color: $insensitive_fg_color;
border-color: $borders_color; border-color: $insensitive_fg_color;
background-color: $insensitive_bg_color; background-color: $insensitive_bg_color;
text-shadow: none; text-shadow: none;
} }
@ -2247,7 +2251,8 @@ switch {
margin: -1px; margin: -1px;
min-width: 24px; min-width: 24px;
min-height: 24px; min-height: 24px;
border: 1px solid transparent; border-width: 1px;
border-style: solid;
//border-color: $borders_color; //border-color: $borders_color;
border-radius: 50%; border-radius: 50%;
} }
@ -2467,8 +2472,12 @@ treeview.view radio:selected { &:selected, &:focus, & { @extend %radio; }} // Th
// OSD // OSD
.osd & { .osd & {
border-color: $osd_borders_color; border-color: $osd_borders_color;
background-color: mix($osd_borders_color, $osd_bg_color, 80%);
&:disabled { border-color: transparent; } &:disabled {
background-color: mix($insensitive_bg_color, $insensitive_fg_color, 30%);
border-color: mix($insensitive_bg_color, $insensitive_fg_color, 00%);
}
} }
} }
@ -2569,23 +2578,23 @@ scale {
// OSD // OSD
.osd & { .osd & {
@include button(osd); @extend %osd_button;
border-color: darken($osd_borders_color, 3%); //border-color: darken($osd_borders_color, 3%);
background-color: opacify($osd_bg_color, 1); // solid background needed here background-color: opacify($osd_bg_color, 1); // solid background needed here
&:hover { &:hover {
@include button(osd-hover); //@include button(osd-hover);
background-color: opacify($osd_bg_color, 1); // solid background needed here //background-color: opacify($osd_bg_color, 1); // solid background needed here
} }
&:active { &:active {
@include button(osd-active); //@include button(osd-active);
background-color: opacify($osd_bg_color, 1); // solid background needed here //background-color: opacify($osd_bg_color, 1); // solid background needed here
} }
&:disabled { &:disabled {
@include button(osd-insensitive); //@include button(osd-insensitive);
background-color: opacify($osd_bg_color, 1); // solid background needed here //background-color: opacify($osd_bg_color, 1); // solid background needed here
} }
} }
} }
@ -3669,7 +3678,7 @@ window {
&.csd { &.csd {
box-shadow: 0 3px 9px 1px transparentize(black, 0.5), box-shadow: 0 3px 9px 1px transparentize($_wm_border, 0.3), //0 3px 9px 1px transparentize(black, 0.5),
0 0 0 1px $_wm_border; //doing borders with box-shadow 0 0 0 1px $_wm_border; //doing borders with box-shadow
margin: 0px; margin: 0px;
border-radius: $window_radius $window_radius 0 0; border-radius: $window_radius $window_radius 0 0;
@ -3679,20 +3688,20 @@ window {
// The biggest shadow should be in the same order then in the active state // The biggest shadow should be in the same order then in the active state
// or the jumping will happen during the transition. // or the jumping will happen during the transition.
box-shadow: 0 3px 9px 1px transparent, box-shadow: 0 3px 9px 1px transparent,
0 2px 6px 2px transparentize(black, 0.8), 0 2px 6px 2px transparentize($_wm_border_backdrop, 0.3), //0 2px 6px 2px transparentize(black, 0.8),
0 0 0 1px $_wm_border_backdrop; 0 0 0 1px $_wm_border_backdrop;
transition: $backdrop_transition; transition: $backdrop_transition;
} }
&.popup { &.popup {
border-radius: $menu_radius; border-radius: $menu_radius;
box-shadow: 0 1px 5px transparentize(black, 0.8), box-shadow: 0 1px 5px transparentize($_wm_border, 0.3), //0 1px 5px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border, 0.1); 0 0 0 1px transparentize($_wm_border, 0.1);
} }
&.dialog.message { &.dialog.message {
border-radius: $window_radius; border-radius: $window_radius;
box-shadow: 0 1px 5px transparentize(black, 0.8), box-shadow: 0 1px 5px transparentize($_wm_border, 0.3), //0 1px 5px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border, 0.1); 0 0 0 1px transparentize($_wm_border, 0.1);
} }
} }
@ -3702,7 +3711,10 @@ window {
padding: 4px; padding: 4px;
border: solid 1px $borders_color; border: solid 1px $borders_color;
border-radius: 0; border-radius: 0;
box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $headerbar_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); box-shadow: inset 0 0 0 4px $borders_color,
inset 0 0 0 3px $headerbar_bg_color,
inset 0 1px $top_hilight,
0 3px 5px transparentize($_wm_border_backdrop, 0.3); //0 3px 5px transparentize(black, 0.3);
&:backdrop { box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); } &:backdrop { box-shadow: inset 0 0 0 4px $borders_color, inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight, 0 3px 5px transparentize(black, 0.3); }
} }
@ -3717,16 +3729,16 @@ window {
&.tiled-bottom { &.tiled-bottom {
border-radius: 0; border-radius: 0;
box-shadow: 0 0 0 1px $_wm_border, box-shadow: 0 0 0 1px $_wm_border,
0 2px 6px 2px transparentize(black, 0.3), 0 2px 6px 2px transparentize($_wm_border, 0.3), //0 2px 6px 2px transparentize(black, 0.3),
0 0 0 20px transparent; //transparent control workaround -- #3670 0 0 0 20px transparent; //transparent control workaround -- #3670
&:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop, &:backdrop { box-shadow: 0 0 0 1px $_wm_border_backdrop,
0 2px 6px 2px transparentize(black, 0.6), 0 2px 6px 2px transparentize($_wm_border_backdrop, 0.3), //0 2px 6px 2px transparentize(black, 0.6),
0 0 0 20px transparent; // #3670 0 0 0 20px transparent; // #3670
} }
} }
&.popup { box-shadow: none; } &.popup { box-shadow: 0 0 0 1px $_wm_border; } //{ box-shadow: none; }
// server-side decorations as used by mutter // server-side decorations as used by mutter
&.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows &.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows
@ -3736,7 +3748,7 @@ window {
tooltip.csd { tooltip.csd {
border-radius: 5px; border-radius: 5px;
box-shadow: 0 3px 4px transparentize(black, 0.3); //none; box-shadow: 0 3px 4px transparentize($tooltip_borders_color, 0.3); //0 3px 4px transparentize(black, 0.3); //none;
} }
// catch all extend :) // catch all extend :)

3
source/gtk4/_drawing.scss
View file

@ -71,8 +71,9 @@ $gtk: 4;
} }
@if $t==focus { @if $t==focus {
@include _shadows(inset shadow(normal), inset shadow(glow-small, $fc)); @include _shadows(inset shadow(normal, $fc), inset shadow(glow-small, $fc));
//border-color: entry_focus_border($fc); //border-color: entry_focus_border($fc);
@extend %interference;
} }
@if $t==insensitive { @if $t==insensitive {

758
source/gtk4/gtk-new.css
View file

File diff suppressed because it is too large Load diff

50
source/templates/_theme_colors.scss.processed
View file

@ -1,37 +1,37 @@
$window_fg: #EDF0F5; $window_fg: #00fFff;
$window_bg: #3f3e3e; $window_bg: #002428;
$text_widget_fg: #EDF0F5; $text_widget_fg: #00fFff;
$text_widget_bg: #323232; $text_widget_bg: #013334;
$selected_fg: #ffffff; $selected_fg: #84ffff;
$selected_bg: #769830; $selected_bg: #00a49b;
$button_fg: #EDF0F5; $button_fg: #57ff00;
$button_bg: #585858; $button_bg: #002a16;
$button_checked_bg: #769830; $button_checked_bg: #00751b;
$button_checked_fg: #ffffff; $button_checked_fg: #90ff56;
$disabled_fg: #7b7b7b; $disabled_fg: #A50052;
$disabled_bg: #494949; $disabled_bg: #520B2E;
/*Usually an automatic fg color on these backgrounds should check this value!*/ /*Usually an automatic fg color on these backgrounds should check this value!*/
$warningc: #f57900; $warningc: #b08700;
$errorc: #CC0000; $errorc: #ac0000;
$successc: #33d17a; $successc: #5aaa00;
$titlebar_active_fg: #ffffff; $titlebar_active_fg: #32f291;
$titlebar_active_bg: #768556; $titlebar_active_bg: #002428;
$titlebar_backdrop_fg: #EDF0F5; $titlebar_backdrop_fg: #229159;
$titlebar_backdrop_bg: #3f3e3e; $titlebar_backdrop_bg: #002428;
$hint_fg: #66cbec; $hint_fg: #ADFFF8;
$hint_bg: #203d79; $hint_bg: #1a5fb4;
$osd_fg: #66cbec; $osd_fg: #ADFFF8;
$osd_bg: #203d79; $osd_bg: #1a5fb4;
$link_fg: #99c1f1; $link_fg: #AEB6FF;
$link_visited_fg: #dc8add; $link_visited_fg: #FD99FF;

56
source/templates/colorscheme-dark-Cyberhack.sh Executable file
View file

@ -0,0 +1,56 @@
#! /bin/bash
# This file contains a color scheme for ClearCrystal dark (default)
# To use it, follow these steps:
# 1. execute ./use_scheme.sh <this_file_name>
# (this processes templates to create some files, which are then copyied to their respective source directory)
# 2. go up one directory, to "source", and execute "./compile.sh light" or "./compile.sh dark" depending on whether the theme is light or dark
# Pandora: midnightblue ish with purple accents and green buttons
vwindow_fg="#00fFff"
vwindow_bg="#002428"
vtext_widget_fg="#00fFff"
vtext_widget_bg="#013334"
vselected_fg="#84ffff"
vselected_bg="#00a49b"
vbutton_fg="#57ff00"
vbutton_bg="#002a16"
vbutton_checked_fg="#90ff56"
vbutton_checked_bg="#00751b"
vdisabled_fg="#A50052"
vdisabled_bg="#520B2E"
# Usually an automatic fg color on these backgrounds should check this value!
vwarningc="#b08700"
verrorc="#ac0000"
vsuccessc="#5aaa00"
vtitlebar_active_fg="#32f291"
vtitlebar_active_bg=$vwindow_bg
vtitlebar_backdrop_fg="#229159"
vtitlebar_backdrop_bg=$vwindow_bg
vhint_fg="#ADFFF8"
vhint_bg="#1a5fb4"
vosd_fg=$vhint_fg
vosd_bg=$vhint_bg
vlink_fg="#AEB6FF"
vlink_visited_fg="#FD99FF"
vbutton_radius="0px"
vwindow_radius="0px"
# export vwindow_fg vwindow_bg vtext_widget_fg vtext_widget_bg vselected_fg vselected_bg vbutton_fg vbutton_bg vbutton_checked_bg vbutton_checked_fg vdisabled_fg vdisabled_bg vwarningc verrorc vsuccessc vtitlebar_active_fg vtitlebar_active_bg vtitlebar_backdrop_fg vtitlebar_backdrop_bg vhint_fg vhint_bg vosd_fg vosd_bg vlink_fg vlink_visited_fg

28
source/templates/gtkrc.processed
View file

@ -1,20 +1,20 @@
# Please keep this gtkrc in sync with the other ones from Clearlooks based themes. # Please keep this gtkrc in sync with the other ones from Clearlooks based themes.
gtk-color-scheme = "bg_color:#3f3e3e" gtk-color-scheme = "bg_color:#002428"
gtk-color-scheme = "fg_color:#EDF0F5" gtk-color-scheme = "fg_color:#00fFff"
gtk-color-scheme = "base_color:#323232" gtk-color-scheme = "base_color:#013334"
gtk-color-scheme = "text_color:#EDF0F5" gtk-color-scheme = "text_color:#00fFff"
gtk-color-scheme = "selected_bg_color:#769830" gtk-color-scheme = "selected_bg_color:#00a49b"
gtk-color-scheme = "selected_fg_color:#ffffff" gtk-color-scheme = "selected_fg_color:#84ffff"
gtk-color-scheme = "tooltip_bg_color:#203d79" gtk-color-scheme = "tooltip_bg_color:#1a5fb4"
gtk-color-scheme = "tooltip_fg_color:#66cbec" gtk-color-scheme = "tooltip_fg_color:#ADFFF8"
gtk-color-scheme = "disabled_bg_color:#494949" gtk-color-scheme = "disabled_bg_color:#520B2E"
gtk-color-scheme = "disabled_fg_color:#7b7b7b" gtk-color-scheme = "disabled_fg_color:#A50052"
gtk-color-scheme = "button_bg_color:#585858" gtk-color-scheme = "button_bg_color:#002a16"
gtk-color-scheme = "button_fg_color:#EDF0F5" gtk-color-scheme = "button_fg_color:#57ff00"
gtk-color-scheme = "button_checked_bg_color:#769830" gtk-color-scheme = "button_checked_bg_color:#00751b"
gtk-color-scheme = "button_checked_fg_color:#ffffff" gtk-color-scheme = "button_checked_fg_color:#90ff56"
style "default" { style "default" {