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

Compare commits

merge into: eudaimon:master
Branches Tags
eudaimon:master
eudaimon:neon
eudaimon:1.0
...
pull from: eudaimon:neon
Branches Tags
eudaimon:master
eudaimon:neon
eudaimon:1.0

1 Commits
master ... neon

Author SHA1 Message Date
Eudaimon 6771d831b8 All the neon customizations 2023-06-03 21:24:29 +02:00
20 changed files with 1942 additions and 1743 deletions
Show Stats 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.
gtk-color-scheme = "bg_color:#3f3e3e"
gtk-color-scheme = "fg_color:#EDF0F5"
gtk-color-scheme = "base_color:#323232"
gtk-color-scheme = "text_color:#EDF0F5"
gtk-color-scheme = "selected_bg_color:#769830"
gtk-color-scheme = "selected_fg_color:#ffffff"
gtk-color-scheme = "tooltip_bg_color:#203d79"
gtk-color-scheme = "tooltip_fg_color:#66cbec"
gtk-color-scheme = "disabled_bg_color:#494949"
gtk-color-scheme = "disabled_fg_color:#7b7b7b"
gtk-color-scheme = "button_bg_color:#585858"
gtk-color-scheme = "button_fg_color:#EDF0F5"
gtk-color-scheme = "button_checked_bg_color:#769830"
gtk-color-scheme = "button_checked_fg_color:#ffffff"
gtk-color-scheme = "bg_color:#002428"
gtk-color-scheme = "fg_color:#00fFff"
gtk-color-scheme = "base_color:#013334"
gtk-color-scheme = "text_color:#00fFff"
gtk-color-scheme = "selected_bg_color:#00a49b"
gtk-color-scheme = "selected_fg_color:#84ffff"
gtk-color-scheme = "tooltip_bg_color:#1a5fb4"
gtk-color-scheme = "tooltip_fg_color:#ADFFF8"
gtk-color-scheme = "disabled_bg_color:#520B2E"
gtk-color-scheme = "disabled_fg_color:#A50052"
gtk-color-scheme = "button_bg_color:#002a16"
gtk-color-scheme = "button_fg_color:#57ff00"
gtk-color-scheme = "button_checked_bg_color:#00751b"
gtk-color-scheme = "button_checked_fg_color:#90ff56"
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_bg: #3f3e3e;
$text_widget_fg: #EDF0F5;
$text_widget_bg: #323232;
$window_fg: #00fFff;
$window_bg: #002428;
$text_widget_fg: #00fFff;
$text_widget_bg: #013334;
$selected_fg: #ffffff;
$selected_bg: #769830;
$selected_fg: #84ffff;
$selected_bg: #00a49b;
$button_fg: #EDF0F5;
$button_bg: #585858;
$button_checked_bg: #769830;
$button_checked_fg: #ffffff;
$button_fg: #57ff00;
$button_bg: #002a16;
$button_checked_bg: #00751b;
$button_checked_fg: #90ff56;
$disabled_fg: #7b7b7b;
$disabled_bg: #494949;
$disabled_fg: #A50052;
$disabled_bg: #520B2E;
/*Usually an automatic fg color on these backgrounds should check this value!*/
$warningc: #f57900;
$errorc: #CC0000;
$successc: #33d17a;
$warningc: #b08700;
$errorc: #ac0000;
$successc: #5aaa00;
$titlebar_active_fg: #ffffff;
$titlebar_active_bg: #768556;
$titlebar_active_fg: #32f291;
$titlebar_active_bg: #002428;
$titlebar_backdrop_fg: #EDF0F5;
$titlebar_backdrop_bg: #3f3e3e;
$titlebar_backdrop_fg: #229159;
$titlebar_backdrop_bg: #002428;
$hint_fg: #66cbec;
$hint_bg: #203d79;
$hint_fg: #ADFFF8;
$hint_bg: #1a5fb4;
$osd_fg: #66cbec;
$osd_bg: #203d79;
$osd_fg: #ADFFF8;
$osd_bg: #1a5fb4;
$link_fg: #99c1f1;
$link_visited_fg: #dc8add;
$link_fg: #AEB6FF;
$link_visited_fg: #FD99FF;

29
source/common/buttons.scss
View File

@ -71,11 +71,13 @@ $_default_button_c: $button_bg;
color: $tc;
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;
//background-image: none;// $button_clickable_image, $backimage;
//@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 {
@ -93,8 +95,9 @@ $_default_button_c: $button_bg;
//
//color: $button_checked_fg;
//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-duration: 10ms;
}
@else if ($t==checked-active ) {
@ -103,7 +106,9 @@ $_default_button_c: $button_bg;
//
color: $button_checked_fg;
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;
background-color: $button_checked_bg;
border-color: transparent; //mix($button_checked_fg, $button_checked_bg, 10%);
@include _shadows(shadow(normal));
border-color: mix($button_checked_fg, $button_checked_bg, 30%);
@include _shadows(shadow(normal, $button_checked_fg));
}
@ -124,7 +129,7 @@ $_default_button_c: $button_bg;
//
color: $button_checked_fg;
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
//
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-image: if($backimage==null, none, $backimage);
text-shadow: none;
@ -142,13 +147,13 @@ $_default_button_c: $button_bg;
@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;
background-color: mix($insensitive_bg_color, $button_checked_bg, 80%);
border-color: transparent;//mix($insensitive_fg_color, $insensitive_bg_color, 50%);
background-color: mix($insensitive_bg_color, $insensitive_fg_color, 50%);
border-color: $insensitive_fg_color;// mix($insensitive_fg_color, $insensitive_bg_color, 75%);
text-shadow: none;
-gtk-icon-shadow: none;
@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%));
$borders_color: 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%));
$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93));
$borders_color: mix($bg_color, $fg_color, 60%); //if($variant == 'light', darken($bg_color, 10%), lighten($bg_color, 10%));
$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($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_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_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%);
@ -81,8 +81,8 @@ $_dot_color: $warning_color;//if($variant=='light', $selected_bg_color, lighten(
// in window decoration
$_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: $titlebar_active_fg; //if($variant=='light', transparentize(black, 0.77), 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}");
}
@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
$_sizevariant: 'compact'; //either 'default', or compact otherwise
$_headerbar_height: if($_sizevariant=='default', 46px, 40px);
@ -37,6 +64,9 @@ $button_radius: 3px;
$window_radius: $button_radius + 3;
$popover_radius: $button_radius + 4;
$_levelbar_size: 9px;
$_levelbar_border_radius: 5px;
$tab_radius: 9999px;
$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))) {
@if $t==active or $t==transparent {
@if $t==active or $t==transparent or $t==disabled or $t==insensitive {
@return 0 0 0 0 transparent;
} @else if $t==glow {
@return 0 0 3px 2px $c;
} @else if $t==glow-small {
@return 0 0 1px 1px $c;
} @else if $t==disabled or $t==insensitive {
@return 0px 1px 3px -1px $c;
} @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; }
}

26
source/common/levelbar.scss
View File

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

12
source/common/notebook.scss
View File

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

19
source/common/stack_switcher.scss
View File

@ -1,8 +1,25 @@
stackswitcher, .stack-switcher, %stackswitcher {
border-radius: 9999px;
box-shadow: inset shadow(normal);
//box-shadow: inset shadow(normal, currentColor);
border: 1px solid transparent;
headerbar &, windowhandle & {
margin: 3px 0px;
& > button {min-height: $button_min_height - 5px;}
} //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;
}
}

52
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
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 {
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_r: if($variant=='light',0.5,0.45);
@ -2483,7 +2488,7 @@ switch {
&:disabled {
color: $insensitive_fg_color;
border-color: $borders_color;
border-color: $insensitive_fg_color;
background-color: $insensitive_bg_color;
text-shadow: none;
}
@ -2494,7 +2499,8 @@ switch {
margin: -1px;
min-width: 24px;
min-height: 24px;
border: 1px solid transparent;
border-width: 1px;
border-style: solid;
border-radius: 50%;
transition: $button_transition;
-gtk-outline-radius: 20px;
@ -2765,7 +2771,7 @@ treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a work
&:disabled {
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 & {
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 & {
@include button(osd);
@extend %osd_button; //@include button(osd);
//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 {
@include button(osd-hover);
background-color: opacify(mix($osd_bg_color, $osd_fg_color, 0.2), 1); // solid background needed here
//@include button(osd-hover);
//background-color: opacify(mix($osd_bg_color, $osd_fg_color, 0.2), 1); // solid background needed here
}
&:active {
@include button(osd-active);
background-color: opacify($osd_bg_color, 1); // solid background needed here
//@include button(osd-active);
//background-color: opacify($osd_bg_color, 1); // solid background needed here
}
&:disabled {
@include button(osd-insensitive);
background-color: opacify($osd_bg_color, 1); // solid background needed here
//@include button(osd-insensitive);
//background-color: opacify($osd_bg_color, 1); // solid background needed here
}
}
}
@ -3226,7 +3236,7 @@ scrolledwindow {
//vbox and hbox separators
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-height: 1px;
}
@ -3937,10 +3947,10 @@ decoration {
// this needs to be transparent
// see bug #722563
$_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: 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));
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
// FIXME rationalize shadows
@ -3954,7 +3964,7 @@ decoration {
// The biggest shadow should be in the same order then in the active state
// or the jumping will happen during the transition.
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;
transition: $backdrop_transition;
}
@ -3969,11 +3979,11 @@ decoration {
.tiled-left & {
border-radius: 0;
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
&: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
}
}
@ -4216,4 +4226,4 @@ popover.emoji-completion .emoji:hover {
@import '../common/undershoot.scss';
@import '../common/stack_switcher.scss';
@import '../common/stack_switcher.scss';

4
source/gtk3/_drawing.scss
View File

@ -56,14 +56,16 @@ $gtk: 3;
border-color: mix($text_color,$base_color, 20%);//$borders_color;
background-color: $base_color;
@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.
}
@if t==hover { //gtk apparently does not create :hover on entries!?!
border-color: gtkalpha($fc, 0.5);
}
@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);
@extend %interference;
}
@if $t==insensitive {
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
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 {
@ -790,7 +793,8 @@ button {
%needs_attention {
// 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.
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-size: 6px 6px, 6px 6px;
@ -2235,7 +2239,7 @@ switch {
&:disabled {
color: $insensitive_fg_color;
border-color: $borders_color;
border-color: $insensitive_fg_color;
background-color: $insensitive_bg_color;
text-shadow: none;
}
@ -2247,7 +2251,8 @@ switch {
margin: -1px;
min-width: 24px;
min-height: 24px;
border: 1px solid transparent;
border-width: 1px;
border-style: solid;
//border-color: $borders_color;
border-radius: 50%;
}
@ -2467,8 +2472,12 @@ treeview.view radio:selected { &:selected, &:focus, & { @extend %radio; }} // Th
// OSD
.osd & {
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 & {
@include button(osd);
border-color: darken($osd_borders_color, 3%);
@extend %osd_button;
//border-color: darken($osd_borders_color, 3%);
background-color: opacify($osd_bg_color, 1); // solid background needed here
&:hover {
@include button(osd-hover);
background-color: opacify($osd_bg_color, 1); // solid background needed here
//@include button(osd-hover);
//background-color: opacify($osd_bg_color, 1); // solid background needed here
}
&:active {
@include button(osd-active);
background-color: opacify($osd_bg_color, 1); // solid background needed here
//@include button(osd-active);
//background-color: opacify($osd_bg_color, 1); // solid background needed here
}
&:disabled {
@include button(osd-insensitive);
background-color: opacify($osd_bg_color, 1); // solid background needed here
//@include button(osd-insensitive);
//background-color: opacify($osd_bg_color, 1); // solid background needed here
}
}
}
@ -3669,7 +3678,7 @@ window {
&.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
margin: 0px;
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
// or the jumping will happen during the transition.
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;
transition: $backdrop_transition;
}
&.popup {
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);
}
&.dialog.message {
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);
}
}
@ -3702,7 +3711,10 @@ window {
padding: 4px;
border: solid 1px $borders_color;
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); }
}
@ -3717,16 +3729,16 @@ window {
&.tiled-bottom {
border-radius: 0;
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
&: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
}
}
&.popup { box-shadow: none; }
&.popup { box-shadow: 0 0 0 1px $_wm_border; } //{ box-shadow: none; }
// server-side decorations as used by mutter
&.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows
@ -3736,7 +3748,7 @@ window {
tooltip.csd {
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 :)

3
source/gtk4/_drawing.scss
View File

@ -71,8 +71,9 @@ $gtk: 4;
}
@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);
@extend %interference;
}
@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_bg: #3f3e3e;
$text_widget_fg: #EDF0F5;
$text_widget_bg: #323232;
$window_fg: #00fFff;
$window_bg: #002428;
$text_widget_fg: #00fFff;
$text_widget_bg: #013334;
$selected_fg: #ffffff;
$selected_bg: #769830;
$selected_fg: #84ffff;
$selected_bg: #00a49b;
$button_fg: #EDF0F5;
$button_bg: #585858;
$button_checked_bg: #769830;
$button_checked_fg: #ffffff;
$button_fg: #57ff00;
$button_bg: #002a16;
$button_checked_bg: #00751b;
$button_checked_fg: #90ff56;
$disabled_fg: #7b7b7b;
$disabled_bg: #494949;
$disabled_fg: #A50052;
$disabled_bg: #520B2E;
/*Usually an automatic fg color on these backgrounds should check this value!*/
$warningc: #f57900;
$errorc: #CC0000;
$successc: #33d17a;
$warningc: #b08700;
$errorc: #ac0000;
$successc: #5aaa00;
$titlebar_active_fg: #ffffff;
$titlebar_active_bg: #768556;
$titlebar_active_fg: #32f291;
$titlebar_active_bg: #002428;
$titlebar_backdrop_fg: #EDF0F5;
$titlebar_backdrop_bg: #3f3e3e;
$titlebar_backdrop_fg: #229159;
$titlebar_backdrop_bg: #002428;
$hint_fg: #66cbec;
$hint_bg: #203d79;
$hint_fg: #ADFFF8;
$hint_bg: #1a5fb4;
$osd_fg: #66cbec;
$osd_bg: #203d79;
$osd_fg: #ADFFF8;
$osd_bg: #1a5fb4;
$link_fg: #99c1f1;
$link_visited_fg: #dc8add;
$link_fg: #AEB6FF;
$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.
gtk-color-scheme = "bg_color:#3f3e3e"
gtk-color-scheme = "fg_color:#EDF0F5"
gtk-color-scheme = "base_color:#323232"
gtk-color-scheme = "text_color:#EDF0F5"
gtk-color-scheme = "selected_bg_color:#769830"
gtk-color-scheme = "selected_fg_color:#ffffff"
gtk-color-scheme = "tooltip_bg_color:#203d79"
gtk-color-scheme = "tooltip_fg_color:#66cbec"
gtk-color-scheme = "disabled_bg_color:#494949"
gtk-color-scheme = "disabled_fg_color:#7b7b7b"
gtk-color-scheme = "button_bg_color:#585858"
gtk-color-scheme = "button_fg_color:#EDF0F5"
gtk-color-scheme = "button_checked_bg_color:#769830"
gtk-color-scheme = "button_checked_fg_color:#ffffff"
gtk-color-scheme = "bg_color:#002428"
gtk-color-scheme = "fg_color:#00fFff"
gtk-color-scheme = "base_color:#013334"
gtk-color-scheme = "text_color:#00fFff"
gtk-color-scheme = "selected_bg_color:#00a49b"
gtk-color-scheme = "selected_fg_color:#84ffff"
gtk-color-scheme = "tooltip_bg_color:#1a5fb4"
gtk-color-scheme = "tooltip_fg_color:#ADFFF8"
gtk-color-scheme = "disabled_bg_color:#520B2E"
gtk-color-scheme = "disabled_fg_color:#A50052"
gtk-color-scheme = "button_bg_color:#002a16"
gtk-color-scheme = "button_fg_color:#57ff00"
gtk-color-scheme = "button_checked_bg_color:#00751b"
gtk-color-scheme = "button_checked_fg_color:#90ff56"
style "default" {