All the neon customizations
This commit is contained in:
parent
f5d899dc97
commit
6771d831b8
20 changed files with 1942 additions and 1743 deletions
|
@ -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
854
gtk-3.0/gtk.css
File diff suppressed because it is too large
Load diff
758
gtk-4.0/gtk.css
758
gtk-4.0/gtk.css
File diff suppressed because it is too large
Load diff
BIN
previews/neon-dark-Cyberhack.png
Normal file
BIN
previews/neon-dark-Cyberhack.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 492 KiB |
|
@ -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;
|
||||||
|
|
|
@ -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));
|
||||||
|
|
|
@ -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));
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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; }
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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;;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -4216,4 +4226,4 @@ popover.emoji-completion .emoji:hover {
|
||||||
|
|
||||||
@import '../common/undershoot.scss';
|
@import '../common/undershoot.scss';
|
||||||
|
|
||||||
@import '../common/stack_switcher.scss';
|
@import '../common/stack_switcher.scss';
|
||||||
|
|
|
@ -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;
|
||||||
|
|
File diff suppressed because it is too large
Load diff
|
@ -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 :)
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
File diff suppressed because it is too large
Load diff
|
@ -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
56
source/templates/colorscheme-dark-Cyberhack.sh
Executable 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
|
||||||
|
|
|
@ -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" {
|
||||||
|
|
Loading…
Reference in a new issue