mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2025-06-06 07:23:02 +00:00
update
This commit is contained in:
parent
3669dae34d
commit
3bbe4c1994
@ -276,6 +276,7 @@ $entry_highlight: rgba($selection_mode_bg, 0.75);
|
|||||||
|
|
||||||
// Button colors
|
// Button colors
|
||||||
$button_bg: if($variant == 'light', white, #656565);
|
$button_bg: if($variant == 'light', white, #656565);
|
||||||
|
$button_shell_bg: if($variant == 'light', mix(black, $dialog_bg_color, 6%), mix(white, $dialog_bg_color, 6%));
|
||||||
|
|
||||||
@if $scheme == 'nord' {
|
@if $scheme == 'nord' {
|
||||||
$button_bg: if($variant == 'light', #fbfcfd, #556075);
|
$button_bg: if($variant == 'light', #fbfcfd, #556075);
|
||||||
|
@ -195,7 +195,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin button($t, $c: $button_bg, $tc: $fg_color) {
|
@mixin button($t, $c: $button_shell_bg, $tc: $fg_color) {
|
||||||
//
|
//
|
||||||
// button
|
// button
|
||||||
//
|
//
|
||||||
@ -214,7 +214,7 @@
|
|||||||
|
|
||||||
@if $t == focus {
|
@if $t == focus {
|
||||||
color: $tc;
|
color: $tc;
|
||||||
background-color: $c;
|
// background-color: $c;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none;
|
icon-shadow: none;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
@ -222,7 +222,7 @@
|
|||||||
|
|
||||||
@if $t == hover {
|
@if $t == hover {
|
||||||
color: $tc;
|
color: $tc;
|
||||||
background-color: if($variant=='light', darken($c, 3%), lighten($c, 3%));
|
background-color: mix($tc, $c, 6%);
|
||||||
border: none;
|
border: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none;
|
icon-shadow: none;
|
||||||
@ -230,7 +230,7 @@
|
|||||||
|
|
||||||
@if $t == active {
|
@if $t == active {
|
||||||
color: $tc;
|
color: $tc;
|
||||||
background-color: if($variant=='light', darken($c, 5%), lighten($c, 5%));
|
background-color: mix($tc, $c, 12%);
|
||||||
border: none;
|
border: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none;
|
icon-shadow: none;
|
||||||
@ -246,7 +246,7 @@
|
|||||||
|
|
||||||
@if $t == insensitive {
|
@if $t == insensitive {
|
||||||
color: if($tc == $fg_color, $disabled_fg_color, $tc);
|
color: if($tc == $fg_color, $disabled_fg_color, $tc);
|
||||||
background-color: if($c == $base_color, $divider_color, $c);
|
background-color: if($c == $button_bg, $divider_color, $c);
|
||||||
border: none;
|
border: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none;
|
icon-shadow: none;
|
||||||
|
@ -172,6 +172,10 @@
|
|||||||
border: 1px solid if($variant == 'light', rgba(black, 0.08), rgba(black, 0.75));
|
border: 1px solid if($variant == 'light', rgba(black, 0.08), rgba(black, 0.75));
|
||||||
box-shadow: inset 0 0 0 1px rgba(white, 0.05);
|
box-shadow: inset 0 0 0 1px rgba(white, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dash-separator {
|
||||||
|
background-color: $divider_color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:overview #dash { // overview-mode #1
|
&:overview #dash { // overview-mode #1
|
||||||
|
@ -81,9 +81,9 @@ $dash_spacing: $base_margin * 0.5;
|
|||||||
// separator between pinned and running apps
|
// separator between pinned and running apps
|
||||||
.dash-separator {
|
.dash-separator {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
margin-left:$base_margin;
|
margin-left: $base_margin;
|
||||||
margin-right:$base_margin;
|
margin-right: $base_margin;
|
||||||
background-color: rgba(white, 0.25);
|
background-color: rgba(white, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
// make sure all dash components have same margin from screen edge
|
// make sure all dash components have same margin from screen edge
|
||||||
|
@ -11,7 +11,6 @@
|
|||||||
%last_dialog_button {
|
%last_dialog_button {
|
||||||
color: white !important;
|
color: white !important;
|
||||||
background-color: $primary_color;
|
background-color: $primary_color;
|
||||||
box-shadow: inset 0 1px 0 0 rgba(white,0.1);
|
|
||||||
background-gradient-direction: none !important;
|
background-gradient-direction: none !important;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@ -40,39 +39,39 @@
|
|||||||
// modal dialog
|
// modal dialog
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
color: $fg_color;
|
color: $fg_color;
|
||||||
padding: $base_padding * 2;
|
padding: $base_padding * 3;
|
||||||
@extend %theme_dialogs !optional;
|
@extend %theme_dialogs !optional;
|
||||||
|
|
||||||
&-linked-button {
|
|
||||||
min-height: 40px;
|
|
||||||
padding: 0 16px;
|
|
||||||
margin: 0 !important;
|
|
||||||
border: none !important;
|
|
||||||
border-radius: $modal_radius - $base_padding * 2;
|
|
||||||
|
|
||||||
@include font(button);
|
|
||||||
@include button(flat-normal);
|
|
||||||
&:hover { @include button(flat-hover); }
|
|
||||||
&:active { @include button(flat-active); }
|
|
||||||
&:insensitive { @include button(flat-insensitive); }
|
|
||||||
&:focus { @include button(flat-focus); }
|
|
||||||
}
|
|
||||||
|
|
||||||
&-linked-button:first-child {
|
|
||||||
background: $entry_bg;
|
|
||||||
&:hover { @include button(flat-hover); }
|
|
||||||
&:active { @include button(flat-active); }
|
|
||||||
}
|
|
||||||
|
|
||||||
&-linked-button:last-child {
|
|
||||||
@extend %last_dialog_button;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-dialog-content-box {
|
.modal-dialog-content-box {
|
||||||
margin: 32px 40px;
|
margin: 32px 40px;
|
||||||
spacing: 32px;
|
spacing: 32px;
|
||||||
max-width: 28em;
|
max-width: 28em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modal-dialog-button-box {
|
||||||
|
padding-top: $base_padding;
|
||||||
|
spacing: 0;
|
||||||
|
|
||||||
|
.modal-dialog-button {
|
||||||
|
min-height: 40px;
|
||||||
|
padding: 0 16px;
|
||||||
|
margin: 0 !important;
|
||||||
|
border: none !important;
|
||||||
|
border-radius: $modal_radius - $base_padding * 2;
|
||||||
|
|
||||||
|
@include font(button);
|
||||||
|
@include button(normal);
|
||||||
|
&:hover { @include button(hover); }
|
||||||
|
&:active { @include button(active); }
|
||||||
|
&:checked { @include button(checked); }
|
||||||
|
&:insensitive { @include button(insensitive); }
|
||||||
|
&:focus { @include button(focus); }
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
@extend %last_dialog_button;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// End Session Dialog
|
// End Session Dialog
|
||||||
|
@ -918,6 +918,13 @@ button {
|
|||||||
&.text-button {
|
&.text-button {
|
||||||
padding-left: $container_padding + 4px;
|
padding-left: $container_padding + 4px;
|
||||||
padding-right: $container_padding + 4px;
|
padding-right: $container_padding + 4px;
|
||||||
|
min-width: 80px;
|
||||||
|
|
||||||
|
&.circular {
|
||||||
|
min-height: $menuitem_size - 4px;
|
||||||
|
min-width: $menuitem_size - 4px;
|
||||||
|
padding: $container_padding - 2px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.image-button {
|
&.image-button {
|
||||||
@ -4276,11 +4283,6 @@ colorchooser .popover.osd { border-radius: $bt_radius; }
|
|||||||
box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85));
|
box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85));
|
||||||
}
|
}
|
||||||
|
|
||||||
stackswitcher {
|
|
||||||
button.text-button { min-width: 80px; }
|
|
||||||
// button.circular { @extend %circular_button; }
|
|
||||||
}
|
|
||||||
|
|
||||||
viewswitcher {
|
viewswitcher {
|
||||||
button:not(.suggested-action):not(.destructive-action) {
|
button:not(.suggested-action):not(.destructive-action) {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user