aiden
/
Orchis-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
pull/276/head
vinceliuice 3 years ago
parent 50171001cd
commit 558ee1be98
7 changed files with 103 additions and 210 deletions
Show Stats Download Patch File Download Diff File

19
src/_sass/gtk/_drawing-4.0.scss
Unescape Escape View File

@ -41,42 +41,37 @@
//
@if $t == normal {
transition: $transition,
outline-color $ripple-fade-out-duration $ease-out,
transition: outline-color $ripple-fade-out-duration $ease-out,
outline-width $ripple-fade-out-duration $ease-out,
outline-offset $ripple-fade-out-duration $ease-out,
box-shadow $ripple-fade-out-duration $ease-out;
outline-offset $ripple-fade-out-duration $ease-out;
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: if($fc == $primary, $entry, rgba($fc, 0.08));
color: if($fc == $primary, $text, $fc);
box-shadow: inset 0 0 0 2px transparent;
}
@if $t == hover {
background-color: $overlay-hover;
box-shadow: inset 0 0 0 2px $overlay-hover;
color: if($fc == $primary, $text, $fc);
outline: none;
outline: 2px solid $overlay-hover;
outline-offset: -2px;
}
@if $t == focus {
background-color: $overlay-focus;
box-shadow: inset 0 0 0 2px if($fc == $primary, $track, $fc);
outline: none;
outline: 2px solid if($fc == $primary, $track, $fc);
outline-offset: -2px;
}
@if $t == checked {
background-color: if($fc == $primary, $entry, rgba($fc, 0.08));
color: if($fc == $primary, $text, $fc);
box-shadow: inset 0 0 0 2px transparent;
outline-color: if($fc == $primary, $primary, $fc);
outline-width: 2px;
outline-offset: -2px;
}
@if $t == disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: if($fc == $primary, $fill, rgba($fc, 0.04));
color: $text-disabled;
color: if($fc == $primary, $text-disabled, rgba($fc, 0.35));

49
src/gtk/4.0/gtk-Compact.css
Unescape Escape View File

@ -279,18 +279,16 @@ spinner:checked:disabled {
****************/
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
@ -298,13 +296,12 @@ headerbar popover.background entry:focus-within, entry:focus-within {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: rgba(0, 0, 0, 0.87);
outline: none;
outline: 2px solid alpha(currentColor, 0.08);
outline-offset: -2px;
}
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
@ -378,12 +375,11 @@ entry undershoot.right {
}
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
box-shadow: inset 0 0 0 2px transparent;
}
entry.error image {
@ -398,14 +394,12 @@ entry.error selection {
entry.error:focus-within {
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #D93025;
outline-width: 2px;
outline-offset: -2px;
}
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(217, 48, 37, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(217, 48, 37, 0.35);
@ -419,12 +413,11 @@ entry.error:disabled > label {
}
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
box-shadow: inset 0 0 0 2px transparent;
}
entry.success image {
@ -439,14 +432,12 @@ entry.success selection {
entry.success:focus-within {
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #0F9D58;
outline-width: 2px;
outline-offset: -2px;
}
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(15, 157, 88, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(15, 157, 88, 0.35);
@ -460,12 +451,11 @@ entry.success:disabled > label {
}
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
box-shadow: inset 0 0 0 2px transparent;
}
entry.warning image {
@ -480,14 +470,12 @@ entry.warning selection {
entry.warning:focus-within {
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #F4B400;
outline-width: 2px;
outline-offset: -2px;
}
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(244, 180, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(244, 180, 0, 0.35);
@ -552,12 +540,11 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview
}
editablelabel > stack > text {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
/***********
@ -1062,12 +1049,11 @@ button.link > label {
* GtkSpinButton *
*****************/
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
border-radius: 10px;
padding: 0;
border-spacing: 0;
@ -1076,14 +1062,12 @@ spinbutton:not(.vertical), spinbutton.vertical {
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
@ -1248,12 +1232,11 @@ combobox > .linked:not(.vertical) > button:not(:only-child) {
button.combo:only-child {
border-radius: 10px;
font-weight: normal;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
button.combo:only-child:focus {

49
src/gtk/4.0/gtk-Dark-Compact.css
Unescape Escape View File

@ -279,18 +279,16 @@ spinner:checked:disabled {
****************/
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
}
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #3281EA;
outline-width: 2px;
outline-offset: -2px;
@ -298,13 +296,12 @@ headerbar popover.background entry:focus-within, entry:focus-within {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: white;
outline: none;
outline: 2px solid alpha(currentColor, 0.08);
outline-offset: -2px;
}
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
@ -378,12 +375,11 @@ entry undershoot.right {
}
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(242, 139, 130, 0.08);
color: #F28B82;
box-shadow: inset 0 0 0 2px transparent;
}
entry.error image {
@ -398,14 +394,12 @@ entry.error selection {
entry.error:focus-within {
background-color: rgba(242, 139, 130, 0.08);
color: #F28B82;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #F28B82;
outline-width: 2px;
outline-offset: -2px;
}
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(242, 139, 130, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(242, 139, 130, 0.35);
@ -419,12 +413,11 @@ entry.error:disabled > label {
}
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(129, 201, 149, 0.08);
color: #81C995;
box-shadow: inset 0 0 0 2px transparent;
}
entry.success image {
@ -439,14 +432,12 @@ entry.success selection {
entry.success:focus-within {
background-color: rgba(129, 201, 149, 0.08);
color: #81C995;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #81C995;
outline-width: 2px;
outline-offset: -2px;
}
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(129, 201, 149, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(129, 201, 149, 0.35);
@ -460,12 +451,11 @@ entry.success:disabled > label {
}
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(253, 214, 51, 0.08);
color: #FDD633;
box-shadow: inset 0 0 0 2px transparent;
}
entry.warning image {
@ -480,14 +470,12 @@ entry.warning selection {
entry.warning:focus-within {
background-color: rgba(253, 214, 51, 0.08);
color: #FDD633;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #FDD633;
outline-width: 2px;
outline-offset: -2px;
}
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(253, 214, 51, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(253, 214, 51, 0.35);
@ -552,12 +540,11 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview
}
editablelabel > stack > text {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
}
/***********
@ -1062,12 +1049,11 @@ button.link > label {
* GtkSpinButton *
*****************/
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
border-radius: 10px;
padding: 0;
border-spacing: 0;
@ -1076,14 +1062,12 @@ spinbutton:not(.vertical), spinbutton.vertical {
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #3281EA;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
@ -1248,12 +1232,11 @@ combobox > .linked:not(.vertical) > button:not(:only-child) {
button.combo:only-child {
border-radius: 10px;
font-weight: normal;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
}
button.combo:only-child:focus {

49
src/gtk/4.0/gtk-Dark.css
Unescape Escape View File

@ -279,18 +279,16 @@ spinner:checked:disabled {
****************/
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
}
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #3281EA;
outline-width: 2px;
outline-offset: -2px;
@ -298,13 +296,12 @@ headerbar popover.background entry:focus-within, entry:focus-within {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: white;
outline: none;
outline: 2px solid alpha(currentColor, 0.08);
outline-offset: -2px;
}
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
@ -378,12 +375,11 @@ entry undershoot.right {
}
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(242, 139, 130, 0.08);
color: #F28B82;
box-shadow: inset 0 0 0 2px transparent;
}
entry.error image {
@ -398,14 +394,12 @@ entry.error selection {
entry.error:focus-within {
background-color: rgba(242, 139, 130, 0.08);
color: #F28B82;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #F28B82;
outline-width: 2px;
outline-offset: -2px;
}
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(242, 139, 130, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(242, 139, 130, 0.35);
@ -419,12 +413,11 @@ entry.error:disabled > label {
}
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(129, 201, 149, 0.08);
color: #81C995;
box-shadow: inset 0 0 0 2px transparent;
}
entry.success image {
@ -439,14 +432,12 @@ entry.success selection {
entry.success:focus-within {
background-color: rgba(129, 201, 149, 0.08);
color: #81C995;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #81C995;
outline-width: 2px;
outline-offset: -2px;
}
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(129, 201, 149, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(129, 201, 149, 0.35);
@ -460,12 +451,11 @@ entry.success:disabled > label {
}
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(253, 214, 51, 0.08);
color: #FDD633;
box-shadow: inset 0 0 0 2px transparent;
}
entry.warning image {
@ -480,14 +470,12 @@ entry.warning selection {
entry.warning:focus-within {
background-color: rgba(253, 214, 51, 0.08);
color: #FDD633;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #FDD633;
outline-width: 2px;
outline-offset: -2px;
}
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(253, 214, 51, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(253, 214, 51, 0.35);
@ -552,12 +540,11 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview
}
editablelabel > stack > text {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
}
/***********
@ -1062,12 +1049,11 @@ button.link > label {
* GtkSpinButton *
*****************/
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
border-radius: 12px;
padding: 0;
border-spacing: 0;
@ -1076,14 +1062,12 @@ spinbutton:not(.vertical), spinbutton.vertical {
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #3281EA;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
@ -1248,12 +1232,11 @@ combobox > .linked:not(.vertical) > button:not(:only-child) {
button.combo:only-child {
border-radius: 12px;
font-weight: normal;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
}
button.combo:only-child:focus {

49
src/gtk/4.0/gtk-Light-Compact.css
Unescape Escape View File

@ -279,18 +279,16 @@ spinner:checked:disabled {
****************/
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
@ -298,13 +296,12 @@ headerbar popover.background entry:focus-within, entry:focus-within {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: rgba(0, 0, 0, 0.87);
outline: none;
outline: 2px solid alpha(currentColor, 0.08);
outline-offset: -2px;
}
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
@ -378,12 +375,11 @@ entry undershoot.right {
}
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
box-shadow: inset 0 0 0 2px transparent;
}
entry.error image {
@ -398,14 +394,12 @@ entry.error selection {
entry.error:focus-within {
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #D93025;
outline-width: 2px;
outline-offset: -2px;
}
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(217, 48, 37, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(217, 48, 37, 0.35);
@ -419,12 +413,11 @@ entry.error:disabled > label {
}
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
box-shadow: inset 0 0 0 2px transparent;
}
entry.success image {
@ -439,14 +432,12 @@ entry.success selection {
entry.success:focus-within {
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #0F9D58;
outline-width: 2px;
outline-offset: -2px;
}
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(15, 157, 88, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(15, 157, 88, 0.35);
@ -460,12 +451,11 @@ entry.success:disabled > label {
}
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
box-shadow: inset 0 0 0 2px transparent;
}
entry.warning image {
@ -480,14 +470,12 @@ entry.warning selection {
entry.warning:focus-within {
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #F4B400;
outline-width: 2px;
outline-offset: -2px;
}
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(244, 180, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(244, 180, 0, 0.35);
@ -552,12 +540,11 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview
}
editablelabel > stack > text {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
/***********
@ -1062,12 +1049,11 @@ button.link > label {
* GtkSpinButton *
*****************/
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
border-radius: 10px;
padding: 0;
border-spacing: 0;
@ -1076,14 +1062,12 @@ spinbutton:not(.vertical), spinbutton.vertical {
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
@ -1248,12 +1232,11 @@ combobox > .linked:not(.vertical) > button:not(:only-child) {
button.combo:only-child {
border-radius: 10px;
font-weight: normal;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
button.combo:only-child:focus {

49
src/gtk/4.0/gtk-Light.css
Unescape Escape View File

@ -279,18 +279,16 @@ spinner:checked:disabled {
****************/
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
@ -298,13 +296,12 @@ headerbar popover.background entry:focus-within, entry:focus-within {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: rgba(0, 0, 0, 0.87);
outline: none;
outline: 2px solid alpha(currentColor, 0.08);
outline-offset: -2px;
}
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
@ -378,12 +375,11 @@ entry undershoot.right {
}
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
box-shadow: inset 0 0 0 2px transparent;
}
entry.error image {
@ -398,14 +394,12 @@ entry.error selection {
entry.error:focus-within {
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #D93025;
outline-width: 2px;
outline-offset: -2px;
}
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(217, 48, 37, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(217, 48, 37, 0.35);
@ -419,12 +413,11 @@ entry.error:disabled > label {
}
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
box-shadow: inset 0 0 0 2px transparent;
}
entry.success image {
@ -439,14 +432,12 @@ entry.success selection {
entry.success:focus-within {
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #0F9D58;
outline-width: 2px;
outline-offset: -2px;
}
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(15, 157, 88, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(15, 157, 88, 0.35);
@ -460,12 +451,11 @@ entry.success:disabled > label {
}
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
box-shadow: inset 0 0 0 2px transparent;
}
entry.warning image {
@ -480,14 +470,12 @@ entry.warning selection {
entry.warning:focus-within {
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #F4B400;
outline-width: 2px;
outline-offset: -2px;
}
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(244, 180, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(244, 180, 0, 0.35);
@ -552,12 +540,11 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview
}
editablelabel > stack > text {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
/***********
@ -1062,12 +1049,11 @@ button.link > label {
* GtkSpinButton *
*****************/
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
border-radius: 12px;
padding: 0;
border-spacing: 0;
@ -1076,14 +1062,12 @@ spinbutton:not(.vertical), spinbutton.vertical {
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
@ -1248,12 +1232,11 @@ combobox > .linked:not(.vertical) > button:not(:only-child) {
button.combo:only-child {
border-radius: 12px;
font-weight: normal;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
button.combo:only-child:focus {

49
src/gtk/4.0/gtk.css
Unescape Escape View File

@ -279,18 +279,16 @@ spinner:checked:disabled {
****************/
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
@ -298,13 +296,12 @@ headerbar popover.background entry:focus-within, entry:focus-within {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: rgba(0, 0, 0, 0.87);
outline: none;
outline: 2px solid alpha(currentColor, 0.08);
outline-offset: -2px;
}
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
@ -378,12 +375,11 @@ entry undershoot.right {
}
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
box-shadow: inset 0 0 0 2px transparent;
}
entry.error image {
@ -398,14 +394,12 @@ entry.error selection {
entry.error:focus-within {
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #D93025;
outline-width: 2px;
outline-offset: -2px;
}
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(217, 48, 37, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(217, 48, 37, 0.35);
@ -419,12 +413,11 @@ entry.error:disabled > label {
}
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
box-shadow: inset 0 0 0 2px transparent;
}
entry.success image {
@ -439,14 +432,12 @@ entry.success selection {
entry.success:focus-within {
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #0F9D58;
outline-width: 2px;
outline-offset: -2px;
}
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(15, 157, 88, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(15, 157, 88, 0.35);
@ -460,12 +451,11 @@ entry.success:disabled > label {
}
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
box-shadow: inset 0 0 0 2px transparent;
}
entry.warning image {
@ -480,14 +470,12 @@ entry.warning selection {
entry.warning:focus-within {
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #F4B400;
outline-width: 2px;
outline-offset: -2px;
}
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(244, 180, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(244, 180, 0, 0.35);
@ -552,12 +540,11 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview
}
editablelabel > stack > text {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
/***********
@ -1062,12 +1049,11 @@ button.link > label {
* GtkSpinButton *
*****************/
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
border-radius: 12px;
padding: 0;
border-spacing: 0;
@ -1076,14 +1062,12 @@ spinbutton:not(.vertical), spinbutton.vertical {
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
@ -1248,12 +1232,11 @@ combobox > .linked:not(.vertical) > button:not(:only-child) {
button.combo:only-child {
border-radius: 12px;
font-weight: normal;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
outline-offset: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
}
button.combo:only-child:focus {

Write Preview
Loading…
Cancel
Save