2023-04-03 12:17:36 +02:00
/ * $ base_color : if ( $ variant = = 'light' , # ffffff , lighten ( desaturate ( # 241f31 , 100 % ) , 2 % ) ) ;
$ text_color : if ( $ variant = = 'light' , black , white ) ;
$ bg_color : if ( $ variant = = 'light' , # f6f5f4 , darken ( desaturate ( # 3d3846 , 100 % ) , 4 % ) ) ;
$ fg_color : if ( $ variant = = 'light' , # 2e3436 , # eeeeec ) ;
$ selected_fg_color : # ffffff ;
$ selected_bg_color : if ( $ variant = = 'light' , # 3584e4 , darken ( # 3584e4 , 20 % ) ) ; * /
/*Usually an automatic fg color on these backgrounds should check this value!*/
/*************************** Check and Radio buttons * */
/*************************** Check and Radio buttons * */
2023-04-14 16:21:05 +02:00
calendar > grid > label . day-number : selected , row : selected , columnview . view : selected : focus , columnview . view : selected , treeview . view : selected : focus , treeview . view : selected , gridview > child : selected , flowbox > flowboxchild : selected , . view : selected : focus , iconview : selected : focus , . view : selected , iconview : selected , textview > text : selected : focus , textview > text : selected { background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
label : selected , calendar > grid > label . day-number : selected , row : selected , columnview . view : selected : focus , columnview . view : selected , treeview . view : selected : focus , treeview . view : selected , gridview > child : selected , flowbox > flowboxchild : selected , . view : selected : focus , iconview : selected : focus , . view : selected , iconview : selected , textview > text : selected : focus , textview > text : selected { color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
label : disabled > selection , label : disabled : selected , calendar > grid > label . day-number : disabled : selected , row : disabled : selected , columnview . view : disabled : selected , treeview . view : disabled : selected , gridview > child : disabled : selected , flowbox > flowboxchild : disabled : selected , . view : disabled : selected , iconview : disabled : selected , textview > text : disabled : selected { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
/*************** Base States * */
. background { color : #EDF0F5 ; background-color : #3f3e3e ; }
. background : backdrop { text-shadow : none ; - gtk-icon-shadow : none ; }
dnd { color : #EDF0F5 ; }
. normal-icons { - gtk-icon-size : 16 px ; }
. large-icons { - gtk-icon-size : 32 px ; }
image : disabled { - gtk-icon-filter : opacity ( 0.5 ) ; }
. view , iconview , textview > text { color : #EDF0F5 ; background-color : #323232 ; }
2023-05-31 20:13:01 +02:00
row . view , row iconview , row textview > text { background-color : unset ; }
2023-04-14 16:21:05 +02:00
. view : disabled , iconview : disabled , textview > text : disabled { color : #7b7b7b ; background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
. view : selected : focus , iconview : selected : focus , . view : selected , iconview : selected , textview > text : selected : focus , textview > text : selected { border-radius : 3 px ; }
2023-04-14 16:21:05 +02:00
. view > : selected , iconview > : selected , textview > text > : selected { background-color : #769830 ; }
2023-04-03 17:12:05 +02:00
2023-04-03 12:17:36 +02:00
textview > text { background-color : transparent ; }
2023-04-14 16:21:05 +02:00
textview > text > selection { background-color : rgba ( 118 , 152 , 48 , 0.3 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
textview > text > selection : focus-within { background-color : rgba ( 118 , 152 , 48 , 0.3 ) ; }
2023-04-03 12:17:36 +02:00
textview : drop ( active ) { caret-color : #33d17a ; }
textview > border { background-color : #393838 ; }
iconview { transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
iconview { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-14 16:21:05 +02:00
iconview : focus : focus-visible { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
iconview : drop ( active ) { box-shadow : none ; }
2023-04-14 16:21:05 +02:00
iconview > dndtarget : drop ( active ) { border-style : solid ; border-width : 1 px ; border-color : #1c240b ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
rubberband , . content-view > rubberband , columnview . view > rubberband , treeview . view > rubberband , gridview > rubberband , flowbox > rubberband { border : 1 px solid #587124 ; background-color : rgba ( 88 , 113 , 36 , 0.2 ) ; }
2023-04-03 12:17:36 +02:00
flowbox > flowboxchild { padding : 3 px ; transition : outline-width 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) , outline-offset 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
flowbox > flowboxchild { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-14 16:21:05 +02:00
flowbox > flowboxchild : focus : focus-visible { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
flowbox > flowboxchild : selected { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; }
gridview > child { padding : 3 px ; transition : outline-width 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) , outline-offset 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
gridview > child { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-14 16:21:05 +02:00
gridview > child : focus : focus-visible { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
gridview > child : selected { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; }
gridview > child box { border-spacing : 8 px ; margin : 12 px ; }
coverflow cover { color : #EDF0F5 ; background-color : #323232 ; border : 1 px solid black ; }
label { transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
label { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-14 16:21:05 +02:00
label : focus : focus-visible { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
label > selection { background-color : rgba ( 101 , 102 , 98 , 0.7 ) ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
label > selection : focus-within { background-color : rgba ( 118 , 152 , 48 , 0.3 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
label : disabled { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
button label : disabled { color : inherit ; }
label . error { color : #CC0000 ; }
label . error : disabled { color : rgba ( 204 , 0 , 0 , 0.5 ) ; }
2024-01-26 12:40:34 +01:00
label . success { color : #33d17a ; }
label . success : disabled { color : rgba ( 51 , 209 , 122 , 0.5 ) ; }
label . accent { color : #769830 ; }
label . accent : disabled { color : rgba ( 118 , 152 , 48 , 0.5 ) ; }
label . warning { color : #f57900 ; }
label . warning : disabled { color : rgba ( 245 , 121 , 0 , 0.5 ) ; }
. dim-label , . titlebar : not ( headerbar ) . subtitle , headerbar . subtitle , spinbutton . vertical > text > text > placeholder , spinbutton : not ( . vertical ) > text > placeholder , entry > text > placeholder , . entry > text > placeholder , label . separator { opacity : 0.55 ; text-shadow : none ; }
2023-04-03 12:17:36 +02:00
window . assistant . sidebar { padding : 5 px ; border-top : 1 px solid #595757 ; }
window . assistant . csd . sidebar { border-top-style : none ; }
window . assistant . sidebar > label { padding : 6 px 12 px ; }
2023-04-14 16:21:05 +02:00
window . assistant . sidebar > label . highlight { background-color : #769830 ; border-radius : 5 px ; }
2023-04-03 12:17:36 +02:00
window . aboutdialog image . large-icons { - gtk-icon-size : 128 px ; }
. osd . scale-popup , . app-notification , . osd popover . background > arrow , . osd popover . background > contents , popover . background . touch-selection > arrow , popover . background . touch-selection > contents , popover . background . magnifier > arrow , popover . background . magnifier > contents , . osd { color : #66cbec ; border : none ; background-color : rgba ( 32 , 61 , 121 , 0.7 ) ; background-clip : padding-box ; }
/********************* Spinner Animation * */
@ keyframes spin { to { transform : rotate ( 1 turn ) ; } }
spinner { background : none ; opacity : 0.1 ; - gtk-icon-source : - gtk-icontheme ( "process-working-symbolic" ) ; }
spinner : checked { opacity : 1 ; animation : spin 1 s linear infinite ; }
2023-04-14 16:21:05 +02:00
spinner : checked : disabled { opacity : 0.5 ; color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
/********************** General Typography * */
. large-title { font-weight : 300 ; font-size : 24 pt ; }
. title-1 { font-weight : 800 ; font-size : 20 pt ; }
. title-2 { font-weight : 800 ; font-size : 15 pt ; }
. title-3 { font-weight : 700 ; font-size : 15 pt ; }
. title-4 { font-weight : 700 ; font-size : 13 pt ; }
. heading { font-weight : 700 ; font-size : 11 pt ; }
. body { font-weight : 400 ; font-size : 11 pt ; }
. caption-heading { font-weight : 700 ; font-size : 9 pt ; }
. caption { font-weight : 400 ; font-size : 9 pt ; }
/**************** Text Entries * */
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text , spinbutton : not ( . vertical ) , entry , . entry { min-height : 32 px ; padding-left : 1 px ; padding-right : 1 px ; border : 1 px solid ; border-radius : 0 px ; border-spacing : 6 px ; transition : all 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; color : #EDF0F5 ; border-color : #575859 ; background-color : #323232 ; box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 0 0 transparent ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
spinbutton . vertical > text , spinbutton : not ( . vertical ) , entry , . entry { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text : focus-within , spinbutton : focus-within : not ( . vertical ) , entry : focus-within , . entry : focus-within { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text > image . left , spinbutton : not ( . vertical ) > image . left , entry > image . left , . entry > image . left { margin-right : 6 px ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text > image . right , spinbutton : not ( . vertical ) > image . right , entry > image . right , . entry > image . right { margin-left : 6 px ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text > text > block-cursor , spinbutton : not ( . vertical ) > text > block-cursor , entry > text > block-cursor , . entry > text > block-cursor { color : #323232 ; background-color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . flat , spinbutton . flat : not ( . vertical ) , entry . flat : focus-within , entry . flat : backdrop , entry . flat : disabled , entry . flat , . entry . flat : focus-within , . entry . flat : backdrop , . entry . flat : disabled , . entry . flat { min-height : 0 ; padding-top : 2 px ; padding-bottom : 2 px ; background-color : transparent ; border-color : transparent ; border-radius : 0 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text : focus-within , spinbutton : focus-within : not ( . vertical ) , entry : focus-within , . entry : focus-within { box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 1 px 1 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text : focus-within > placeholder , spinbutton : focus-within : not ( . vertical ) > placeholder , entry : focus-within > placeholder , . entry : focus-within > placeholder { opacity : 0 ; /* We hide placeholders on focus */ }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text : disabled , spinbutton : disabled : not ( . vertical ) , entry : disabled , . entry : disabled { color : #7b7b7b ; border-color : #626262 ; background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text > text > selection , spinbutton : not ( . vertical ) > text > selection , entry > text > selection , . entry > text > selection { background-color : rgba ( 101 , 102 , 98 , 0.7 ) ; color : transparent ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text > text > selection : focus-within , spinbutton : not ( . vertical ) > text > selection : focus-within , entry > text > selection : focus-within , . entry > text > selection : focus-within { background-color : rgba ( 118 , 152 , 48 , 0.3 ) ; color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . error , spinbutton . error : not ( . vertical ) , entry . error , . entry . error { color : #CC0000 ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . error , spinbutton . error : not ( . vertical ) , entry . error , . entry . error { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . error : focus-within , spinbutton . error : focus-within : not ( . vertical ) , entry . error : focus-within , . entry . error : focus-within { outline-color : rgba ( 204 , 0 , 0 , 0.5 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . error : focus-within , spinbutton . error : focus-within : not ( . vertical ) , entry . error : focus-within , . entry . error : focus-within { box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 1 px 1 px #CC0000 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . error > selection , spinbutton . error : not ( . vertical ) > selection , entry . error > selection , . entry . error > selection { background-color : #CC0000 ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
spinbutton . vertical > text . success , spinbutton . success : not ( . vertical ) , entry . success , . entry . success { color : #33d17a ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
spinbutton . vertical > text . success , spinbutton . success : not ( . vertical ) , entry . success , . entry . success { outline : 0 solid transparent ; outline-offset : 4 px ; }
spinbutton . vertical > text . success : focus-within , spinbutton . success : focus-within : not ( . vertical ) , entry . success : focus-within , . entry . success : focus-within { outline-color : rgba ( 51 , 209 , 122 , 0.5 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
spinbutton . vertical > text . success : focus-within , spinbutton . success : focus-within : not ( . vertical ) , entry . success : focus-within , . entry . success : focus-within { box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 1 px 1 px #33d17a ; }
spinbutton . vertical > text . success > selection , spinbutton . success : not ( . vertical ) > selection , entry . success > selection , . entry . success > selection { background-color : #33d17a ; }
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . warning , spinbutton . warning : not ( . vertical ) , entry . warning , . entry . warning { color : #f57900 ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . warning , spinbutton . warning : not ( . vertical ) , entry . warning , . entry . warning { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . warning : focus-within , spinbutton . warning : focus-within : not ( . vertical ) , entry . warning : focus-within , . entry . warning : focus-within { outline-color : rgba ( 245 , 121 , 0 , 0.5 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . warning : focus-within , spinbutton . warning : focus-within : not ( . vertical ) , entry . warning : focus-within , . entry . warning : focus-within { box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 1 px 1 px #f57900 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . warning > selection , spinbutton . warning : not ( . vertical ) > selection , entry . warning > selection , . entry . warning > selection { background-color : #f57900 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text > image , spinbutton : not ( . vertical ) > image , entry > image , . entry > image { color : #c8cace ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text > image : hover , spinbutton : not ( . vertical ) > image : hover , entry > image : hover , . entry > image : hover { color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text > image : active , spinbutton : not ( . vertical ) > image : active , entry > image : active , . entry > image : active { color : #769830 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text . password image . caps-lock-indicator , spinbutton . password : not ( . vertical ) image . caps-lock-indicator , entry . password image . caps-lock-indicator , . entry . password image . caps-lock-indicator { color : #838386 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text : drop ( active ) , spinbutton : drop ( active ) : not ( . vertical ) , entry : drop ( active ) : focus-within , entry : drop ( active ) , . entry : drop ( active ) : focus-within , . entry : drop ( active ) { border-color : #33d17a ; box-shadow : inset 0 0 0 1 px #33d17a ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
. osd spinbutton . vertical > text , . osd spinbutton : not ( . vertical ) , . osd entry , . osd . entry { color : #66cbec ; border-color : #66cbec ; background-color : rgba ( 102 , 203 , 236 , 0.5 ) ; background-clip : padding-box ; box-shadow : inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) , 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px black ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
. osd spinbutton . vertical > text : focus-within , . osd spinbutton : focus-within : not ( . vertical ) , . osd entry : focus-within , . osd . entry : focus-within { color : #66cbec ; border-color : #769830 ; background-color : rgba ( 102 , 203 , 236 , 0.5 ) ; background-clip : padding-box ; box-shadow : inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) , 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
. osd spinbutton . vertical > text : disabled , . osd spinbutton : disabled : not ( . vertical ) , . osd entry : disabled , . osd . entry : disabled { color : #4384b3 ; border-color : #66cbec ; background-color : rgba ( 39 , 75 , 133 , 0.5 ) ; background-clip : padding-box ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text > progress , spinbutton : not ( . vertical ) > progress , entry > progress , . entry > progress { margin-bottom : 2 px ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical > text progress > trough > progress , spinbutton : not ( . vertical ) progress > trough > progress , entry progress > trough > progress , . entry progress > trough > progress { background-color : transparent ; background-image : none ; border-radius : 0 ; border-width : 0 0 2 px ; border-color : #769830 ; border-style : solid ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + text , spinbutton . vertical . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + text , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + spinbutton : not ( . vertical ) , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + button , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + button , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + menubutton > button , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + menubutton > button , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + dropdown > button , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + dropdown > button , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + colorbutton > button , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + colorbutton > button , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + fontbutton > button , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + fontbutton > button , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + filechooserbutton > button , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + filechooserbutton > button , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + combobox > box > button . combo , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + combobox > box > button . combo , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + entry , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + entry , . linked : not ( . vertical ) > entry : drop ( active ) + button , . linked : not ( . vertical ) > entry : drop ( active ) + menubutton > button , . linked : not ( . vertical ) > entry : drop ( active ) + dropdown > button , . linked : not ( . vertical ) > entry : drop ( active ) + colorbutton > button , . linked : not ( . vertical ) > entry : drop ( active ) + fontbutton > button , . linked : not ( . vertical ) > entry : drop ( active ) + filechooserbutton > button , . linked : not ( . vertical ) > entry : drop ( active ) + combobox > box > button . combo , spinbutton . vertical . linked : not ( . vertical ) > text : drop ( active ) + . entry , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + . entry , . linked : not ( . vertical ) > . entry : drop ( active ) + button , . linked : not ( . vertical ) > . entry : drop ( active ) + menubutton > button , . linked : not ( . vertical ) > . entry : drop ( active ) + dropdown > button , . linked : not ( . vertical ) > . entry : drop ( active ) + colorbutton > button , . linked : not ( . vertical ) > . entry : drop ( active ) + fontbutton > button , . linked : not ( . vertical ) > . entry : drop ( active ) + filechooserbutton > button , . linked : not ( . vertical ) > . entry : drop ( active ) + combobox > box > button . combo , spinbutton . vertical . linked : not ( . vertical ) > entry : drop ( active ) + text , . linked : not ( . vertical ) > entry : drop ( active ) + spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > entry : drop ( active ) + entry , . linked : not ( . vertical ) > entry : drop ( active ) + . entry , spinbutton . vertical . linked : not ( . vertical ) > . entry : drop ( active ) + text , . linked : not ( . vertical ) > . entry : drop ( active ) + spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > . entry : drop ( active ) + entry , . linked : not ( . vertical ) > . entry : drop ( active ) + . entry { border-left-color : #33d17a ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical . linked > text : not ( : disabled ) + entry : not ( : disabled ) , . linked . vertical > spinbutton : not ( : disabled ) : not ( . vertical ) + entry : not ( : disabled ) , spinbutton . vertical . linked > text : not ( : disabled ) + text : not ( : disabled ) , spinbutton . vertical . linked > spinbutton : not ( : disabled ) : not ( . vertical ) + text : not ( : disabled ) , spinbutton . vertical . linked > text : not ( : disabled ) + spinbutton : not ( : disabled ) : not ( . vertical ) , . linked . vertical > spinbutton : not ( : disabled ) : not ( . vertical ) + spinbutton : not ( : disabled ) : not ( . vertical ) , . linked . vertical > entry : not ( : disabled ) + entry : not ( : disabled ) , spinbutton . vertical . linked > entry : not ( : disabled ) + text : not ( : disabled ) , . linked . vertical > entry : not ( : disabled ) + spinbutton : not ( : disabled ) : not ( . vertical ) , . linked . vertical > . entry : not ( : disabled ) + entry : not ( : disabled ) , spinbutton . vertical . linked > . entry : not ( : disabled ) + text : not ( : disabled ) , . linked . vertical > . entry : not ( : disabled ) + spinbutton : not ( : disabled ) : not ( . vertical ) { border-top-color : #3e3d3d ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical . linked > text : disabled + text : disabled , spinbutton . vertical . linked > spinbutton : disabled : not ( . vertical ) + text : disabled , spinbutton . vertical . linked > text : disabled + spinbutton : disabled : not ( . vertical ) , . linked . vertical > spinbutton : disabled : not ( . vertical ) + spinbutton : disabled : not ( . vertical ) , spinbutton . vertical . linked > text : disabled + entry : disabled , . linked . vertical > spinbutton : disabled : not ( . vertical ) + entry : disabled , spinbutton . vertical . linked > entry : disabled + text : disabled , . linked . vertical > entry : disabled + spinbutton : disabled : not ( . vertical ) , . linked . vertical > entry : disabled + entry : disabled , spinbutton . vertical . linked > . entry : disabled + text : disabled , . linked . vertical > . entry : disabled + spinbutton : disabled : not ( . vertical ) , . linked . vertical > . entry : disabled + entry : disabled { border-top-color : #3e3d3d ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical . linked > text + text : drop ( active ) : not ( : only-child ) , spinbutton . vertical . linked > spinbutton : not ( . vertical ) + text : drop ( active ) : not ( : only-child ) , spinbutton . vertical . linked > text + spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) , . linked . vertical > spinbutton : not ( . vertical ) + spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) , spinbutton . vertical . linked > text + entry : drop ( active ) : not ( : only-child ) , . linked . vertical > spinbutton : not ( . vertical ) + entry : drop ( active ) : not ( : only-child ) , spinbutton . vertical . linked > entry + text : drop ( active ) : not ( : only-child ) , . linked . vertical > entry + spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) , . linked . vertical > entry + entry : drop ( active ) : not ( : only-child ) , spinbutton . vertical . linked > . entry + text : drop ( active ) : not ( : only-child ) , . linked . vertical > . entry + spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) , . linked . vertical > . entry + entry : drop ( active ) : not ( : only-child ) { border-top-color : #33d17a ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + text , spinbutton . vertical . linked > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + text , spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + spinbutton : not ( . vertical ) , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + spinbutton : not ( . vertical ) , spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + entry , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + entry , spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + button , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + button , spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + menubutton > button , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + menubutton > button , spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + dropdown > button , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + dropdown > button , spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + colorbutton > button , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + colorbutton > button , spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + fontbutton > button , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + fontbutton > button , spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + filechooserbutton > button , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + filechooserbutton > button , spinbutton . vertical . linked > text : drop ( active ) : not ( : only-child ) + combobox > box > button . combo , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + combobox > box > button . combo , spinbutton . vertical . linked > entry : drop ( active ) : not ( : only-child ) + text , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + spinbutton : not ( . vertical ) , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + entry , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + button , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + menubutton > button , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + dropdown > button , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + colorbutton > button , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + fontbutton > button , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + filechooserbutton > button , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + combobox > box > button . combo , spinbutton . vertical . linked > . entry : drop ( active ) : not ( : only-child ) + text , . linked . vertical > . entry : drop ( active ) : not ( : only-child ) + spinbutton : not ( . vertical ) , . linked . vertical > . entry : drop ( active ) : not ( : only-child ) + entry , . linked . vertical > . entry : drop ( active ) : not ( : only-child ) + button , . linked . vertical > . entry : drop ( active ) : not ( : only-child ) + menubutton > button , . linked . vertical > . entry : drop ( active ) : not ( : only-child ) + dropdown > button , . linked . vertical > . entry : drop ( active ) : not ( : only-child ) + colorbutton > button , . linked . vertical > . entry : drop ( active ) : not ( : only-child ) + fontbutton > button , . linked . vertical > . entry : drop ( active ) : not ( : only-child ) + filechooserbutton > button , . linked . vertical > . entry : drop ( active ) : not ( : only-child ) + combobox > box > button . combo { border-top-color : #33d17a ; }
2023-04-03 12:17:36 +02:00
treeview entry : focus-within : dir ( rtl ) , treeview entry : focus-within : dir ( ltr ) { background-color : #323232 ; transition-property : color , background ; }
treeview entry . flat , treeview entry { border-radius : 0 ; background-image : none ; background-color : #323232 ; }
2023-04-14 16:21:05 +02:00
treeview entry . flat : focus-within , treeview entry : focus-within { border-color : #769830 ; }
2023-04-03 12:17:36 +02:00
/******************* Editable Labels * */
2023-04-14 16:21:05 +02:00
editablelabel > stack > text { color : #EDF0F5 ; border-color : #575859 ; background-color : #323232 ; box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 0 0 transparent ; }
2023-04-03 12:17:36 +02:00
2023-04-03 17:12:05 +02:00
/****************************************************** Buttons * */
2023-04-03 12:17:36 +02:00
@ keyframes needs_attention { from { background-image : radial-gradient ( farthest - side , #f57900 0 % , rgba ( 245 , 121 , 0 , 0 ) 0 % ) ; }
to { background-image : radial-gradient ( farthest - side , #f57900 95 % , rgba ( 245 , 121 , 0 , 0 ) ) ; } }
2024-02-01 15:54:56 +01:00
row , scrollbar > range > trough > slider , dnd tab , tabbar tab , notebook > header tabs > tab , notebook > header tabbar tabbox > tabboxchild , tabbar notebook > header tabbox > tabboxchild , notebook > header > tabs > arrow , columnview . view > header > button , treeview . view > header > button , button { background-position : center ; background-repeat : no-repeat ; background-size : 0 0 ; background-image : radial-gradient ( circle closest - side , alpha ( currentColor , 0.2 ) , alpha ( currentColor , 0.1 ) 90 % , alpha ( currentColor , 0 ) ) ; transition : background-size ease-in 0.1 s ; }
scrollbar > range > trough > slider , dnd tab , tabbar tab , notebook > header tabs > tab , notebook > header tabbar tabbox > tabboxchild , tabbar notebook > header tabbox > tabboxchild , notebook > header > tabs > arrow , columnview . view > header > button , treeview . view > header > button , button { min-height : 24 px ; min-width : 16 px ; padding : 2 px 6 px ; border : 1 px solid ; border-radius : 3 px ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; margin : 1 px ; color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider : hover , scrollbar > range > trough > slider : focus , dnd tab : hover , tabbar tab : hover , notebook > header tabs > tab : hover , notebook > header tabbar tabbox > tabboxchild : hover , tabbar notebook > header tabbox > tabboxchild : hover , notebook > header > tabs > arrow : hover , columnview . view > header > button : hover , treeview . view > header > button : hover , dnd tab : focus , tabbar tab : focus , notebook > header tabs > tab : focus , notebook > header tabbar tabbox > tabboxchild : focus , tabbar notebook > header tabbox > tabboxchild : focus , notebook > header > tabs > arrow : focus , columnview . view > header > button : focus , treeview . view > header > button : focus , button : hover , button : checked : hover , button : active : hover , button : focus , button : focus : checked { border-color : currentColor ; - gtk-icon-filter : brightness ( 1.2 ) ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
scrollbar > range > trough > slider . keyboard-activating , scrollbar > range > trough > slider : active , dnd tab . keyboard-activating , tabbar tab . keyboard-activating , notebook > header tabs > tab . keyboard-activating , notebook > header tabbar tabbox > tabboxchild . keyboard-activating , tabbar notebook > header tabbox > tabboxchild . keyboard-activating , notebook > header > tabs > arrow . keyboard-activating , columnview . view > header > button . keyboard-activating , treeview . view > header > button . keyboard-activating , dnd tab : active , tabbar tab : active , notebook > header tabs > tab : active , notebook > header tabbar tabbox > tabboxchild : active , tabbar notebook > header tabbox > tabboxchild : active , notebook > header > tabs > arrow : active , columnview . view > header > button : active , treeview . view > header > button : active , button . keyboard-activating , button : active , button : checked : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider : checked , dnd tab : checked , tabbar tab : checked , notebook > header tabs > tab : checked , notebook > header tabbar tabbox > tabboxchild : checked , tabbar notebook > header tabbox > tabboxchild : checked , notebook > header > tabs > arrow : checked , columnview . view > header > button : checked , treeview . view > header > button : checked , button : checked { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider : disabled , dnd tab : disabled , tabbar tab : disabled , notebook > header tabs > tab : disabled , notebook > header tabbar tabbox > tabboxchild : disabled , tabbar notebook > header tabbox > tabboxchild : disabled , notebook > header > tabs > arrow : disabled , columnview . view > header > button : disabled , treeview . view > header > button : disabled , button : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; - gtk-icon-filter : opacity ( 0.5 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider : disabled : active , scrollbar > range > trough > slider : disabled : checked , dnd tab : disabled : active , tabbar tab : disabled : active , notebook > header tabs > tab : disabled : active , notebook > header tabbar tabbox > tabboxchild : disabled : active , tabbar notebook > header tabbox > tabboxchild : disabled : active , notebook > header > tabs > arrow : disabled : active , dnd tab : disabled : checked , tabbar tab : disabled : checked , notebook > header tabs > tab : disabled : checked , notebook > header tabbar tabbox > tabboxchild : disabled : checked , tabbar notebook > header tabbox > tabboxchild : disabled : checked , notebook > header > tabs > arrow : disabled : checked , button : disabled : active , button : disabled : checked { color : #7b7b7b ; background-color : #525944 ; border-color : transparent ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:13:16 +01:00
button . sidebar-button , . toolbar > button : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar > : not ( . linked ) > button : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > menubutton > button : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > scalebutton > button : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > dropdown > button : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > colorbutton > button : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > fontbutton > button : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > appchooserbutton > button : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > combobox > box > button : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , scrollbar > range > trough > slider . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , dnd tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , tabbar tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , notebook > header tabs > tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , notebook > header tabbar tabbox > tabboxchild . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , tabbar notebook > header tabbox > tabboxchild . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , notebook > header > tabs > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-03 17:12:05 +02:00
2023-06-01 12:02:47 +02:00
button . sidebar-button : disabled , . toolbar > button : disabled : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar > : not ( . linked ) > button : disabled : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > menubutton > button : disabled : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > scalebutton > button : disabled : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > dropdown > button : disabled : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > colorbutton > button : disabled : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > fontbutton > button : disabled : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > appchooserbutton > button : disabled : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . toolbar : not ( . linked ) > combobox > box > button : disabled : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , scrollbar > range > trough > slider . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , dnd tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , tabbar tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , notebook > header tabs > tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , notebook > header tabbar tabbox > tabboxchild . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , tabbar notebook > header tabbox > tabboxchild . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , notebook > header > tabs > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled { background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider . image-button , dnd tab . image-button , tabbar tab . image-button , notebook > header tabs > tab . image-button , notebook > header tabbar tabbox > tabboxchild . image-button , tabbar notebook > header tabbox > tabboxchild . image-button , notebook > header > tabs > arrow . image-button , columnview . view > header > button . image-button , treeview . view > header > button . image-button , button . image-button { min-width : 24 px ; padding-left : 5 px ; padding-right : 5 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider . text-button , dnd tab . text-button , tabbar tab . text-button , notebook > header tabs > tab . text-button , notebook > header tabbar tabbox > tabboxchild . text-button , tabbar notebook > header tabbox > tabboxchild . text-button , notebook > header > tabs > arrow . text-button , columnview . view > header > button . text-button , treeview . view > header > button . text-button , button . text-button { padding-left : 16 px ; padding-right : 16 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider . text-button . image-button , dnd tab . text-button . image-button , tabbar tab . text-button . image-button , notebook > header tabs > tab . text-button . image-button , notebook > header dnd tab . image-button , dnd notebook > header tab . image-button , notebook > header tabbar tab . image-button , tabbar notebook > header tab . image-button , notebook > header tabbar tabbox > tabboxchild . image-button , tabbar notebook > header tabbox > tabboxchild . image-button , notebook > header > tabs > arrow . text-button . image-button , button . text-button . image-button { padding-left : 8 px ; padding-right : 8 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider . text-button . image-button label , dnd tab . text-button . image-button label , tabbar tab . text-button . image-button label , notebook > header tabs > tab . text-button . image-button label , notebook > header dnd tab . image-button label , dnd notebook > header tab . image-button label , notebook > header tabbar tab . image-button label , tabbar notebook > header tab . image-button label , notebook > header tabbar tabbox > tabboxchild . image-button label , tabbar notebook > header tabbox > tabboxchild . image-button label , notebook > header > tabs > arrow . text-button . image-button label , button . text-button . image-button label { padding-left : 8 px ; padding-right : 8 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider . arrow-button , dnd tab . arrow-button , tabbar tab . arrow-button , notebook > header tabs > tab . arrow-button , notebook > header tabbar tabbox > tabboxchild . arrow-button , tabbar notebook > header tabbox > tabboxchild . arrow-button , notebook > header > tabs > arrow . arrow-button , columnview . view > header > button . arrow-button , treeview . view > header > button . arrow-button , button . arrow-button { padding-left : 10 px ; padding-right : 10 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
scrollbar > range > trough > slider . arrow-button > box , dnd tab . arrow-button > box , tabbar tab . arrow-button > box , notebook > header tabs > tab . arrow-button > box , dnd notebook > header tab . arrow-button > box , tabbar notebook > header tab . arrow-button > box , notebook > header tabbar tabbox > tabboxchild . arrow-button > box , tabbar notebook > header tabbox > tabboxchild . arrow-button > box , notebook > header > tabs > arrow . arrow-button > box , columnview . view > header > button . arrow-button > box , treeview . view > header > button . arrow-button > box , button . arrow-button > box { border-spacing : 4 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dropdown : drop ( active ) button . combo , combobox : drop ( active ) button . combo , scrollbar > range > trough > slider : drop ( active ) , dnd tab : drop ( active ) , tabbar tab : drop ( active ) , notebook > header tabs > tab : drop ( active ) , notebook > header tabbar tabbox > tabboxchild : drop ( active ) , tabbar notebook > header tabbox > tabboxchild : drop ( active ) , notebook > header > tabs > arrow : drop ( active ) , columnview . view > header > button : drop ( active ) , treeview . view > header > button : drop ( active ) , button : drop ( active ) { color : #33d17a ; border-color : #33d17a ; box-shadow : inset 0 0 0 1 px #33d17a ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . small-button , tabbar tab . small-button , notebook > header tabs > tab . small-button , notebook > header tabbar tabbox > tabboxchild . small-button , tabbar notebook > header tabbox > tabboxchild . small-button , notebook > header > tabs > arrow . small-button , columnview . view > header > button . small-button , treeview . view > header > button . small-button , button . small-button { padding : 0 px ; min-height : 10 px ; min-width : 10 px ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
dnd tab . osd , tabbar tab . osd , notebook > header tabs > tab . osd , notebook > header tabbar tabbox > tabboxchild . osd , tabbar notebook > header tabbox > tabboxchild . osd , notebook > header > tabs > arrow . osd , columnview . view > header > button . osd , treeview . view > header > button . osd , button . osd { min-width : 26 px ; min-height : 32 px ; color : #66cbec ; border-radius : 5 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . osd . image-button , tabbar tab . osd . image-button , notebook > header tabs > tab . osd . image-button , notebook > header dnd tab . image-button , dnd notebook > header tab . image-button , notebook > header tabbar tab . image-button , tabbar notebook > header tab . image-button , notebook > header tabbar tabbox > tabboxchild . image-button , tabbar notebook > header tabbox > tabboxchild . image-button , notebook > header > tabs > arrow . osd . image-button , button . osd . image-button { min-width : 30 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . osd . image-button : only-child , tabbar tab . osd . image-button : only-child , notebook > header tabs > tab . osd . image-button : only-child , notebook > header dnd tab . image-button : only-child , dnd notebook > header tab . image-button : only-child , notebook > header tabbar tab . image-button : only-child , tabbar notebook > header tab . image-button : only-child , notebook > header tabbar tabbox > tabboxchild . image-button : only-child , tabbar notebook > header tabbox > tabboxchild . image-button : only-child , notebook > header > tabs > arrow . osd . image-button : only-child , button . osd . image-button : only-child { margin : 4 px ; border-radius : 50 % ; box-shadow : 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.2 ) ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. app-notification button , popover . background . touch-selection button , popover . background . magnifier button , . osd dnd tab , dnd . osd tab , . osd tabbar tab , tabbar . osd tab , . osd notebook > header tabs > tab , notebook > header . osd tabs > tab , . osd notebook > header tabbar tabbox > tabboxchild , tabbar . osd notebook > header tabbox > tabboxchild , notebook > header . osd tabbar tabbox > tabboxchild , tabbar notebook > header . osd tabbox > tabboxchild , . osd notebook > header > tabs > arrow , . osd columnview . view > header > button , . osd treeview . view > header > button , dnd tab . osd , tabbar tab . osd , notebook > header tabs > tab . osd , notebook > header tabbar tabbox > tabboxchild . osd , tabbar notebook > header tabbox > tabboxchild . osd , notebook > header > tabs > arrow . osd , columnview . view > header > button . osd , treeview . view > header > button . osd , . osd button , button . osd { border : 1 px solid ; color : #66cbec ; background-color : rgba ( 32 , 61 , 121 , 0.7 ) ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. app-notification button : hover , popover . background . touch-selection button : hover , popover . background . magnifier button : hover , . osd dnd tab : hover , dnd . osd tab : hover , . osd tabbar tab : hover , tabbar . osd tab : hover , . osd notebook > header tabs > tab : hover , notebook > header . osd tabs > tab : hover , . osd notebook > header tabbar tabbox > tabboxchild : hover , tabbar . osd notebook > header tabbox > tabboxchild : hover , notebook > header . osd tabbar tabbox > tabboxchild : hover , tabbar notebook > header . osd tabbox > tabboxchild : hover , . osd notebook > header > tabs > arrow : hover , dnd tab . osd : hover , tabbar tab . osd : hover , notebook > header tabs > tab . osd : hover , notebook > header tabbar tabbox > tabboxchild . osd : hover , tabbar notebook > header tabbox > tabboxchild . osd : hover , notebook > header > tabs > arrow . osd : hover , . osd button : hover , button . osd : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
. app-notification button : active , popover . background . touch-selection button : active , popover . background . magnifier button : active , . app-notification button : checked , popover . background . touch-selection button : checked , popover . background . magnifier button : checked , . osd dnd tab : active , dnd . osd tab : active , . osd tabbar tab : active , tabbar . osd tab : active , . osd notebook > header tabs > tab : active , notebook > header . osd tabs > tab : active , . osd notebook > header tabbar tabbox > tabboxchild : active , tabbar . osd notebook > header tabbox > tabboxchild : active , notebook > header . osd tabbar tabbox > tabboxchild : active , tabbar notebook > header . osd tabbox > tabboxchild : active , . osd notebook > header > tabs > arrow : active , . osd dnd tab : checked , dnd . osd tab : checked , . osd tabbar tab : checked , tabbar . osd tab : checked , . osd notebook > header tabs > tab : checked , notebook > header . osd tabs > tab : checked , . osd notebook > header tabbar tabbox > tabboxchild : checked , tabbar . osd notebook > header tabbox > tabboxchild : checked , notebook > header . osd tabbar tabbox > tabboxchild : checked , tabbar notebook > header . osd tabbox > tabboxchild : checked , . osd notebook > header > tabs > arrow : checked , dnd tab . osd : active , tabbar tab . osd : active , notebook > header tabs > tab . osd : active , notebook > header tabbar tabbox > tabboxchild . osd : active , tabbar notebook > header tabbox > tabboxchild . osd : active , notebook > header > tabs > arrow . osd : active , dnd tab . osd : checked , tabbar tab . osd : checked , notebook > header tabs > tab . osd : checked , notebook > header tabbar tabbox > tabboxchild . osd : checked , tabbar notebook > header tabbox > tabboxchild . osd : checked , notebook > header > tabs > arrow . osd : checked , . osd button : active : backdrop , . osd button : active , . osd button : checked : backdrop , . osd button : checked , button . osd : active : backdrop , button . osd : active , button . osd : checked : backdrop , button . osd : checked { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. app-notification button : disabled , popover . background . touch-selection button : disabled , popover . background . magnifier button : disabled , . osd dnd tab : disabled , dnd . osd tab : disabled , . osd tabbar tab : disabled , tabbar . osd tab : disabled , . osd notebook > header tabs > tab : disabled , notebook > header . osd tabs > tab : disabled , . osd notebook > header tabbar tabbox > tabboxchild : disabled , tabbar . osd notebook > header tabbox > tabboxchild : disabled , notebook > header . osd tabbar tabbox > tabboxchild : disabled , tabbar notebook > header . osd tabbox > tabboxchild : disabled , . osd notebook > header > tabs > arrow : disabled , dnd tab . osd : disabled , tabbar tab . osd : disabled , notebook > header tabs > tab . osd : disabled , notebook > header tabbar tabbox > tabboxchild . osd : disabled , tabbar notebook > header tabbox > tabboxchild . osd : disabled , notebook > header > tabs > arrow . osd : disabled , . osd button : disabled : backdrop , . osd button : disabled , button . osd : disabled : backdrop , button . osd : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. app-notification button . flat , popover . background . touch-selection button . flat , popover . background . magnifier button . flat , . osd dnd tab . flat , dnd . osd tab . flat , . osd tabbar tab . flat , tabbar . osd tab . flat , . osd notebook > header tabs > tab . flat , notebook > header . osd tabs > tab . flat , tabbar notebook > header . osd tabbox > tabboxchild . flat , . osd notebook > header > tabs > arrow . flat , dnd tab . osd . flat , tabbar tab . osd . flat , notebook > header tabs > tab . osd . flat , notebook > header dnd tab . flat , dnd notebook > header tab . flat , notebook > header tabbar tab . flat , tabbar notebook > header tab . flat , notebook > header tabbar tabbox > tabboxchild . flat , tabbar notebook > header tabbox > tabboxchild . flat , notebook > header > tabs > arrow . osd . flat , . osd button . flat , button . osd . flat { - gtk-icon-shadow : 0 1 px black ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:13:16 +01:00
. app-notification button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , popover . background . touch-selection button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , popover . background . magnifier button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . osd dnd tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , dnd . osd tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . osd tabbar tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , tabbar . osd tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . osd notebook > header tabs > tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , notebook > header . osd tabs > tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , tabbar notebook > header . osd tabbox > tabboxchild . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . osd notebook > header > tabs > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , dnd tab . osd . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , tabbar tab . osd . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , notebook > header tabs > tab . osd . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , notebook > header dnd tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , dnd notebook > header tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , notebook > header tabbar tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , tabbar notebook > header tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , notebook > header tabbar tabbox > tabboxchild . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , tabbar notebook > header tabbox > tabboxchild . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , notebook > header > tabs > arrow . osd . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . osd button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , button . osd . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. app-notification button . flat : hover , popover . background . touch-selection button . flat : hover , popover . background . magnifier button . flat : hover , . osd dnd tab . flat : hover , dnd . osd tab . flat : hover , . osd tabbar tab . flat : hover , tabbar . osd tab . flat : hover , . osd notebook > header tabs > tab . flat : hover , notebook > header . osd tabs > tab . flat : hover , tabbar notebook > header . osd tabbox > tabboxchild . flat : hover , . osd notebook > header > tabs > arrow . flat : hover , dnd tab . osd . flat : hover , tabbar tab . osd . flat : hover , notebook > header tabs > tab . osd . flat : hover , notebook > header dnd tab . flat : hover , dnd notebook > header tab . flat : hover , notebook > header tabbar tab . flat : hover , tabbar notebook > header tab . flat : hover , notebook > header tabbar tabbox > tabboxchild . flat : hover , tabbar notebook > header tabbox > tabboxchild . flat : hover , notebook > header > tabs > arrow . osd . flat : hover , . osd button . flat : hover , button . osd . flat : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. app-notification button . flat : disabled , popover . background . touch-selection button . flat : disabled , popover . background . magnifier button . flat : disabled , . osd dnd tab . flat : disabled , dnd . osd tab . flat : disabled , . osd tabbar tab . flat : disabled , tabbar . osd tab . flat : disabled , . osd notebook > header tabs > tab . flat : disabled , notebook > header . osd tabs > tab . flat : disabled , tabbar notebook > header . osd tabbox > tabboxchild . flat : disabled , . osd notebook > header > tabs > arrow . flat : disabled , dnd tab . osd . flat : disabled , tabbar tab . osd . flat : disabled , notebook > header tabs > tab . osd . flat : disabled , notebook > header dnd tab . flat : disabled , dnd notebook > header tab . flat : disabled , notebook > header tabbar tab . flat : disabled , tabbar notebook > header tab . flat : disabled , notebook > header tabbar tabbox > tabboxchild . flat : disabled , tabbar notebook > header tabbox > tabboxchild . flat : disabled , notebook > header > tabs > arrow . osd . flat : disabled , . osd button . flat : disabled , button . osd . flat : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
. app-notification button . flat : active , popover . background . touch-selection button . flat : active , popover . background . magnifier button . flat : active , . app-notification button . flat : checked , popover . background . touch-selection button . flat : checked , popover . background . magnifier button . flat : checked , . osd dnd tab . flat : active , dnd . osd tab . flat : active , . osd tabbar tab . flat : active , tabbar . osd tab . flat : active , . osd notebook > header tabs > tab . flat : active , notebook > header . osd tabs > tab . flat : active , tabbar notebook > header . osd tabbox > tabboxchild . flat : active , . osd notebook > header > tabs > arrow . flat : active , . osd dnd tab . flat : checked , dnd . osd tab . flat : checked , . osd tabbar tab . flat : checked , tabbar . osd tab . flat : checked , . osd notebook > header tabs > tab . flat : checked , notebook > header . osd tabs > tab . flat : checked , tabbar notebook > header . osd tabbox > tabboxchild . flat : checked , . osd notebook > header > tabs > arrow . flat : checked , dnd tab . osd . flat : active , tabbar tab . osd . flat : active , notebook > header tabs > tab . osd . flat : active , notebook > header dnd tab . flat : active , dnd notebook > header tab . flat : active , notebook > header tabbar tab . flat : active , tabbar notebook > header tab . flat : active , notebook > header tabbar tabbox > tabboxchild . flat : active , tabbar notebook > header tabbox > tabboxchild . flat : active , notebook > header > tabs > arrow . osd . flat : active , dnd tab . osd . flat : checked , tabbar tab . osd . flat : checked , notebook > header tabs > tab . osd . flat : checked , notebook > header dnd tab . flat : checked , dnd notebook > header tab . flat : checked , notebook > header tabbar tab . flat : checked , tabbar notebook > header tab . flat : checked , notebook > header tabbar tabbox > tabboxchild . flat : checked , tabbar notebook > header tabbox > tabboxchild . flat : checked , notebook > header > tabs > arrow . osd . flat : checked , . osd button . flat : active , . osd button . flat : checked , button . osd . flat : active , button . osd . flat : checked { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . suggested-action , tabbar tab . suggested-action , notebook > header tabs > tab . suggested-action , notebook > header tabbar tabbox > tabboxchild . suggested-action , tabbar notebook > header tabbox > tabboxchild . suggested-action , notebook > header > tabs > arrow . suggested-action , columnview . view > header > button . suggested-action , treeview . view > header > button . suggested-action , button . suggested-action { color : black ; background-color : #33d17a ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:13:16 +01:00
dnd tab . suggested-action . flat , tabbar tab . suggested-action . flat , notebook > header tabs > tab . suggested-action . flat , notebook > header dnd tab . flat , dnd notebook > header tab . flat , notebook > header tabbar tab . flat , tabbar notebook > header tab . flat , notebook > header tabbar tabbox > tabboxchild . flat , tabbar notebook > header tabbox > tabboxchild . flat , notebook > header > tabs > arrow . suggested-action . flat , button . suggested-action . flat { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #33d17a ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . suggested-action : hover , tabbar tab . suggested-action : hover , notebook > header tabs > tab . suggested-action : hover , notebook > header tabbar tabbox > tabboxchild . suggested-action : hover , tabbar notebook > header tabbox > tabboxchild . suggested-action : hover , notebook > header > tabs > arrow . suggested-action : hover , dnd tab . suggested-action : focus , tabbar tab . suggested-action : focus , notebook > header tabs > tab . suggested-action : focus , notebook > header tabbar tabbox > tabboxchild . suggested-action : focus , tabbar notebook > header tabbox > tabboxchild . suggested-action : focus , notebook > header > tabs > arrow . suggested-action : focus , button . suggested-action : hover , button . suggested-action : focus { border-color : currentColor ; }
2023-04-05 17:34:04 +02:00
2024-02-01 15:54:56 +01:00
dnd tab . suggested-action : active , tabbar tab . suggested-action : active , notebook > header tabs > tab . suggested-action : active , notebook > header tabbar tabbox > tabboxchild . suggested-action : active , tabbar notebook > header tabbox > tabboxchild . suggested-action : active , notebook > header > tabs > arrow . suggested-action : active , button . suggested-action : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . suggested-action : checked , tabbar tab . suggested-action : checked , notebook > header tabs > tab . suggested-action : checked , notebook > header tabbar tabbox > tabboxchild . suggested-action : checked , tabbar notebook > header tabbox > tabboxchild . suggested-action : checked , notebook > header > tabs > arrow . suggested-action : checked , button . suggested-action : checked { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:13:16 +01:00
dnd tab . suggested-action . flat : disabled , tabbar tab . suggested-action . flat : disabled , notebook > header tabs > tab . suggested-action . flat : disabled , notebook > header dnd tab . flat : disabled , dnd notebook > header tab . flat : disabled , notebook > header tabbar tab . flat : disabled , tabbar notebook > header tab . flat : disabled , notebook > header tabbar tabbox > tabboxchild . flat : disabled , tabbar notebook > header tabbox > tabboxchild . flat : disabled , notebook > header > tabs > arrow . suggested-action . flat : disabled , button . suggested-action . flat : disabled { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : rgba ( 51 , 209 , 122 , 0.8 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . suggested-action : disabled , tabbar tab . suggested-action : disabled , notebook > header tabs > tab . suggested-action : disabled , notebook > header tabbar tabbox > tabboxchild . suggested-action : disabled , tabbar notebook > header tabbox > tabboxchild . suggested-action : disabled , notebook > header > tabs > arrow . suggested-action : disabled , button . suggested-action : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . suggested-action : disabled : active , tabbar tab . suggested-action : disabled : active , notebook > header tabs > tab . suggested-action : disabled : active , notebook > header tabbar tabbox > tabboxchild . suggested-action : disabled : active , tabbar notebook > header tabbox > tabboxchild . suggested-action : disabled : active , notebook > header > tabs > arrow . suggested-action : disabled : active , dnd tab . suggested-action : disabled : checked , tabbar tab . suggested-action : disabled : checked , notebook > header tabs > tab . suggested-action : disabled : checked , notebook > header tabbar tabbox > tabboxchild . suggested-action : disabled : checked , tabbar notebook > header tabbox > tabboxchild . suggested-action : disabled : checked , notebook > header > tabs > arrow . suggested-action : disabled : checked , button . suggested-action : disabled : active , button . suggested-action : disabled : checked { color : #7b7b7b ; background-color : #525944 ; border-color : transparent ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-06-01 12:02:47 +02:00
. osd dnd tab . suggested-action : hover , dnd . osd tab . suggested-action : hover , . osd tabbar tab . suggested-action : hover , tabbar . osd tab . suggested-action : hover , . osd notebook > header tabs > tab . suggested-action : hover , notebook > header . osd tabs > tab . suggested-action : hover , . osd notebook > header tabbar tabbox > tabboxchild . suggested-action : hover , tabbar . osd notebook > header tabbox > tabboxchild . suggested-action : hover , notebook > header . osd tabbar tabbox > tabboxchild . suggested-action : hover , tabbar notebook > header . osd tabbox > tabboxchild . suggested-action : hover , . osd notebook > header > tabs > arrow . suggested-action : hover , . osd button . suggested-action : hover { border-color : currentColor ; }
2023-04-03 17:12:05 +02:00
2024-02-01 15:54:56 +01:00
. osd dnd tab . suggested-action : active , dnd . osd tab . suggested-action : active , . osd tabbar tab . suggested-action : active , tabbar . osd tab . suggested-action : active , . osd notebook > header tabs > tab . suggested-action : active , notebook > header . osd tabs > tab . suggested-action : active , . osd notebook > header tabbar tabbox > tabboxchild . suggested-action : active , tabbar . osd notebook > header tabbox > tabboxchild . suggested-action : active , notebook > header . osd tabbar tabbox > tabboxchild . suggested-action : active , tabbar notebook > header . osd tabbox > tabboxchild . suggested-action : active , . osd notebook > header > tabs > arrow . suggested-action : active , . osd dnd tab . suggested-action : checked , dnd . osd tab . suggested-action : checked , . osd tabbar tab . suggested-action : checked , tabbar . osd tab . suggested-action : checked , . osd notebook > header tabs > tab . suggested-action : checked , notebook > header . osd tabs > tab . suggested-action : checked , . osd notebook > header tabbar tabbox > tabboxchild . suggested-action : checked , tabbar . osd notebook > header tabbox > tabboxchild . suggested-action : checked , notebook > header . osd tabbar tabbox > tabboxchild . suggested-action : checked , tabbar notebook > header . osd tabbox > tabboxchild . suggested-action : checked , . osd notebook > header > tabs > arrow . suggested-action : checked , . osd button . suggested-action : active : backdrop , . osd button . suggested-action : active , . osd button . suggested-action : checked : backdrop , . osd button . suggested-action : checked { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
. osd dnd tab . suggested-action : disabled , dnd . osd tab . suggested-action : disabled , . osd tabbar tab . suggested-action : disabled , tabbar . osd tab . suggested-action : disabled , . osd notebook > header tabs > tab . suggested-action : disabled , notebook > header . osd tabs > tab . suggested-action : disabled , . osd notebook > header tabbar tabbox > tabboxchild . suggested-action : disabled , tabbar . osd notebook > header tabbox > tabboxchild . suggested-action : disabled , notebook > header . osd tabbar tabbox > tabboxchild . suggested-action : disabled , tabbar notebook > header . osd tabbox > tabboxchild . suggested-action : disabled , . osd notebook > header > tabs > arrow . suggested-action : disabled , . osd button . suggested-action : disabled : backdrop , . osd button . suggested-action : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . destructive-action , tabbar tab . destructive-action , notebook > header tabs > tab . destructive-action , notebook > header tabbar tabbox > tabboxchild . destructive-action , tabbar notebook > header tabbox > tabboxchild . destructive-action , notebook > header > tabs > arrow . destructive-action , columnview . view > header > button . destructive-action , treeview . view > header > button . destructive-action , button . destructive-action { color : white ; background-color : #CC0000 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:13:16 +01:00
dnd tab . destructive-action . flat , tabbar tab . destructive-action . flat , notebook > header tabs > tab . destructive-action . flat , notebook > header dnd tab . flat , dnd notebook > header tab . flat , notebook > header tabbar tab . flat , tabbar notebook > header tab . flat , notebook > header tabbar tabbox > tabboxchild . flat , tabbar notebook > header tabbox > tabboxchild . flat , notebook > header > tabs > arrow . destructive-action . flat , button . destructive-action . flat { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #CC0000 ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . destructive-action : hover , tabbar tab . destructive-action : hover , notebook > header tabs > tab . destructive-action : hover , notebook > header tabbar tabbox > tabboxchild . destructive-action : hover , tabbar notebook > header tabbox > tabboxchild . destructive-action : hover , notebook > header > tabs > arrow . destructive-action : hover , dnd tab . destructive-action : focus , tabbar tab . destructive-action : focus , notebook > header tabs > tab . destructive-action : focus , notebook > header tabbar tabbox > tabboxchild . destructive-action : focus , tabbar notebook > header tabbox > tabboxchild . destructive-action : focus , notebook > header > tabs > arrow . destructive-action : focus , button . destructive-action : hover , button . destructive-action : focus { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
dnd tab . destructive-action : active , tabbar tab . destructive-action : active , notebook > header tabs > tab . destructive-action : active , notebook > header tabbar tabbox > tabboxchild . destructive-action : active , tabbar notebook > header tabbox > tabboxchild . destructive-action : active , notebook > header > tabs > arrow . destructive-action : active , button . destructive-action : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-05 17:34:04 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . destructive-action : checked , tabbar tab . destructive-action : checked , notebook > header tabs > tab . destructive-action : checked , notebook > header tabbar tabbox > tabboxchild . destructive-action : checked , tabbar notebook > header tabbox > tabboxchild . destructive-action : checked , notebook > header > tabs > arrow . destructive-action : checked , button . destructive-action : checked { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:13:16 +01:00
dnd tab . destructive-action . flat : disabled , tabbar tab . destructive-action . flat : disabled , notebook > header tabs > tab . destructive-action . flat : disabled , notebook > header dnd tab . flat : disabled , dnd notebook > header tab . flat : disabled , notebook > header tabbar tab . flat : disabled , tabbar notebook > header tab . flat : disabled , notebook > header tabbar tabbox > tabboxchild . flat : disabled , tabbar notebook > header tabbox > tabboxchild . flat : disabled , notebook > header > tabs > arrow . destructive-action . flat : disabled , button . destructive-action . flat : disabled { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : rgba ( 204 , 0 , 0 , 0.8 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . destructive-action : disabled , tabbar tab . destructive-action : disabled , notebook > header tabs > tab . destructive-action : disabled , notebook > header tabbar tabbox > tabboxchild . destructive-action : disabled , tabbar notebook > header tabbox > tabboxchild . destructive-action : disabled , notebook > header > tabs > arrow . destructive-action : disabled , button . destructive-action : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . destructive-action : disabled : active , tabbar tab . destructive-action : disabled : active , notebook > header tabs > tab . destructive-action : disabled : active , notebook > header tabbar tabbox > tabboxchild . destructive-action : disabled : active , tabbar notebook > header tabbox > tabboxchild . destructive-action : disabled : active , notebook > header > tabs > arrow . destructive-action : disabled : active , dnd tab . destructive-action : disabled : checked , tabbar tab . destructive-action : disabled : checked , notebook > header tabs > tab . destructive-action : disabled : checked , notebook > header tabbar tabbox > tabboxchild . destructive-action : disabled : checked , tabbar notebook > header tabbox > tabboxchild . destructive-action : disabled : checked , notebook > header > tabs > arrow . destructive-action : disabled : checked , button . destructive-action : disabled : active , button . destructive-action : disabled : checked { color : #7b7b7b ; background-color : #525944 ; border-color : transparent ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
. osd dnd tab . destructive-action : hover , dnd . osd tab . destructive-action : hover , . osd tabbar tab . destructive-action : hover , tabbar . osd tab . destructive-action : hover , . osd notebook > header tabs > tab . destructive-action : hover , notebook > header . osd tabs > tab . destructive-action : hover , . osd notebook > header tabbar tabbox > tabboxchild . destructive-action : hover , tabbar . osd notebook > header tabbox > tabboxchild . destructive-action : hover , notebook > header . osd tabbar tabbox > tabboxchild . destructive-action : hover , tabbar notebook > header . osd tabbox > tabboxchild . destructive-action : hover , . osd notebook > header > tabs > arrow . destructive-action : hover , . osd button . destructive-action : hover { border-color : currentColor ; }
2023-04-03 17:12:05 +02:00
2024-02-01 15:54:56 +01:00
. osd dnd tab . destructive-action : active , dnd . osd tab . destructive-action : active , . osd tabbar tab . destructive-action : active , tabbar . osd tab . destructive-action : active , . osd notebook > header tabs > tab . destructive-action : active , notebook > header . osd tabs > tab . destructive-action : active , . osd notebook > header tabbar tabbox > tabboxchild . destructive-action : active , tabbar . osd notebook > header tabbox > tabboxchild . destructive-action : active , notebook > header . osd tabbar tabbox > tabboxchild . destructive-action : active , tabbar notebook > header . osd tabbox > tabboxchild . destructive-action : active , . osd notebook > header > tabs > arrow . destructive-action : active , . osd dnd tab . destructive-action : checked , dnd . osd tab . destructive-action : checked , . osd tabbar tab . destructive-action : checked , tabbar . osd tab . destructive-action : checked , . osd notebook > header tabs > tab . destructive-action : checked , notebook > header . osd tabs > tab . destructive-action : checked , . osd notebook > header tabbar tabbox > tabboxchild . destructive-action : checked , tabbar . osd notebook > header tabbox > tabboxchild . destructive-action : checked , notebook > header . osd tabbar tabbox > tabboxchild . destructive-action : checked , tabbar notebook > header . osd tabbox > tabboxchild . destructive-action : checked , . osd notebook > header > tabs > arrow . destructive-action : checked , . osd button . destructive-action : active : backdrop , . osd button . destructive-action : active , . osd button . destructive-action : checked : backdrop , . osd button . destructive-action : checked { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 17:12:05 +02:00
2023-06-01 12:02:47 +02:00
. osd dnd tab . destructive-action : disabled , dnd . osd tab . destructive-action : disabled , . osd tabbar tab . destructive-action : disabled , tabbar . osd tab . destructive-action : disabled , . osd notebook > header tabs > tab . destructive-action : disabled , notebook > header . osd tabs > tab . destructive-action : disabled , . osd notebook > header tabbar tabbox > tabboxchild . destructive-action : disabled , tabbar . osd notebook > header tabbox > tabboxchild . destructive-action : disabled , notebook > header . osd tabbar tabbox > tabboxchild . destructive-action : disabled , tabbar notebook > header . osd tabbox > tabboxchild . destructive-action : disabled , . osd notebook > header > tabs > arrow . destructive-action : disabled , . osd button . destructive-action : disabled : backdrop , . osd button . destructive-action : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-06-01 12:02:47 +02:00
dnd stackswitcher > tab > label , tabbar stackswitcher > tab > label , notebook > header dnd stackswitcher > tab > label , dnd notebook > header stackswitcher > tab > label , notebook > header tabbar stackswitcher > tab > label , tabbar notebook > header stackswitcher > tab > label , stackswitcher > button > label { padding : 0 6 px ; margin : 0 -6 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd stackswitcher > tab > image , tabbar stackswitcher > tab > image , notebook > header dnd stackswitcher > tab > image , dnd notebook > header stackswitcher > tab > image , notebook > header tabbar stackswitcher > tab > image , tabbar notebook > header stackswitcher > tab > image , stackswitcher > button > image { padding : 3 px 6 px ; margin : -3 px -6 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd stackswitcher > tab , tabbar stackswitcher > tab , notebook > header dnd stackswitcher > tab , dnd notebook > header stackswitcher > tab , notebook > header tabbar stackswitcher > tab , tabbar notebook > header stackswitcher > tab , dnd stackswitcher > tab . linked , tabbar stackswitcher > tab . linked , notebook > header dnd stackswitcher > tab . linked , dnd notebook > header stackswitcher > tab . linked , notebook > header tabbar stackswitcher > tab . linked , tabbar notebook > header stackswitcher > tab . linked , dnd stackswitcher > tab . linked . horizontal , tabbar stackswitcher > tab . linked . horizontal , notebook > header dnd stackswitcher > tab . horizontal , dnd notebook > header stackswitcher > tab . horizontal , notebook > header tabbar stackswitcher > tab . horizontal , tabbar notebook > header stackswitcher > tab . horizontal , dnd stackswitcher > tab . linked . vertical , tabbar stackswitcher > tab . linked . vertical , notebook > header dnd stackswitcher > tab . vertical , dnd notebook > header stackswitcher > tab . vertical , notebook > header tabbar stackswitcher > tab . vertical , tabbar notebook > header stackswitcher > tab . vertical , dnd stackswitcher > tab : first-child , tabbar stackswitcher > tab : first-child , notebook > header dnd stackswitcher > tab : first-child , dnd notebook > header stackswitcher > tab : first-child , notebook > header tabbar stackswitcher > tab : first-child , tabbar notebook > header stackswitcher > tab : first-child , dnd stackswitcher > tab : last-child , tabbar stackswitcher > tab : last-child , notebook > header dnd stackswitcher > tab : last-child , dnd notebook > header stackswitcher > tab : last-child , notebook > header tabbar stackswitcher > tab : last-child , tabbar notebook > header stackswitcher > tab : last-child , dnd stackswitcher > tab : not ( : first-child ) , tabbar stackswitcher > tab : not ( : first-child ) , notebook > header dnd stackswitcher > tab : not ( : first-child ) , dnd notebook > header stackswitcher > tab : not ( : first-child ) , notebook > header tabbar stackswitcher > tab : not ( : first-child ) , tabbar notebook > header stackswitcher > tab : not ( : first-child ) , dnd stackswitcher > tab : not ( : last-child ) , tabbar stackswitcher > tab : not ( : last-child ) , notebook > header dnd stackswitcher > tab : not ( : last-child ) , dnd notebook > header stackswitcher > tab : not ( : last-child ) , notebook > header tabbar stackswitcher > tab : not ( : last-child ) , tabbar notebook > header stackswitcher > tab : not ( : last-child ) , dnd stackswitcher > tab : dir ( ltr ) : not ( : first-child ) , tabbar stackswitcher > tab : dir ( ltr ) : not ( : first-child ) , notebook > header dnd stackswitcher > tab : dir ( ltr ) : not ( : first-child ) , dnd notebook > header stackswitcher > tab : dir ( ltr ) : not ( : first-child ) , notebook > header tabbar stackswitcher > tab : dir ( ltr ) : not ( : first-child ) , tabbar notebook > header stackswitcher > tab : dir ( ltr ) : not ( : first-child ) , dnd stackswitcher > tab : dir ( ltr ) : not ( : last-child ) , tabbar stackswitcher > tab : dir ( ltr ) : not ( : last-child ) , notebook > header dnd stackswitcher > tab : dir ( ltr ) : not ( : last-child ) , dnd notebook > header stackswitcher > tab : dir ( ltr ) : not ( : last-child ) , notebook > header tabbar stackswitcher > tab : dir ( ltr ) : not ( : last-child ) , tabbar notebook > header stackswitcher > tab : dir ( ltr ) : not ( : last-child ) , dnd stackswitcher > tab : dir ( rtl ) : not ( : first-child ) , tabbar stackswitcher > tab : dir ( rtl ) : not ( : first-child ) , notebook > header dnd stackswitcher > tab : dir ( rtl ) : not ( : first-child ) , dnd notebook > header stackswitcher > tab : dir ( rtl ) : not ( : first-child ) , notebook > header tabbar stackswitcher > tab : dir ( rtl ) : not ( : first-child ) , tabbar notebook > header stackswitcher > tab : dir ( rtl ) : not ( : first-child ) , dnd stackswitcher > tab : dir ( rtl ) : not ( : last-child ) , tabbar stackswitcher > tab : dir ( rtl ) : not ( : last-child ) , notebook > header dnd stackswitcher > tab : dir ( rtl ) : not ( : last-child ) , dnd notebook > header stackswitcher > tab : dir ( rtl ) : not ( : last-child ) , notebook > header tabbar stackswitcher > tab : dir ( rtl ) : not ( : last-child ) , tabbar notebook > header stackswitcher > tab : dir ( rtl ) : not ( : last-child ) , dnd stackswitcher > tab . radio , tabbar stackswitcher > tab . radio , notebook > header dnd stackswitcher > tab . radio , dnd notebook > header stackswitcher
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd stackswitcher > tab . text-button , tabbar stackswitcher > tab . text-button , dnd notebook > header stackswitcher > tab . text-button , tabbar notebook > header stackswitcher > tab . text-button , dnd . stack-switcher > tab . text-button , tabbar . stack-switcher > tab . text-button , notebook > header tabs . stack-switcher > tab . text-button , dnd notebook > header . stack-switcher > tab . text-button , tabbar notebook > header . stack-switcher > tab . text-button , notebook > header tabbar tabbox . stack-switcher > tabboxchild . text-button , tabbar notebook > header tabbox . stack-switcher > tabboxchild . text-button , notebook > header > tabs . stack-switcher > arrow . text-button , columnview . view > header . stack-switcher > button . text-button , treeview . view > header . stack-switcher > button . text-button , stackswitcher > button . text-button , stackswitcher . linked > button . text-button , stackswitcher . linked : not ( . vertical ) > button . text-button , . stack-switcher > button . text-button { min-width : 80 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd stackswitcher > tab . circular , tabbar stackswitcher > tab . circular , dnd notebook > header stackswitcher > tab . circular , tabbar notebook > header stackswitcher > tab . circular , dnd . stack-switcher > tab . circular , tabbar . stack-switcher > tab . circular , notebook > header tabs . stack-switcher > tab . circular , dnd notebook > header . stack-switcher > tab . circular , tabbar notebook > header . stack-switcher > tab . circular , notebook > header tabbar tabbox . stack-switcher > tabboxchild . circular , tabbar notebook > header tabbox . stack-switcher > tabboxchild . circular , notebook > header > tabs . stack-switcher > arrow . circular , columnview . view > header . stack-switcher > button . circular , treeview . view > header . stack-switcher > button . circular , stackswitcher > button . circular , stackswitcher > button . text-button . circular , stackswitcher . linked > button . circular , stackswitcher . linked > button . text-button . circular , stackswitcher . linked : not ( . vertical ) > button . circular , stackswitcher . linked : not ( . vertical ) > button . text-button . circular , . stack-switcher > button . circular , . stack-switcher > button . text-button . circular { min-width : 32 px ; min-height : 32 px ; padding : 0 ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . font > box , tabbar tab . font > box , notebook > header tabs > tab . font > box , dnd notebook > header tab . font > box , tabbar notebook > header tab . font > box , notebook > header tabbar tabbox > tabboxchild . font > box , tabbar notebook > header tabbox > tabboxchild . font > box , notebook > header > tabs > arrow . font > box , columnview . view > header > button . font > box , treeview . view > header > button . font > box , button . font > box { border-spacing : 6 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
dnd tab . font > box > box > label , tabbar tab . font > box > box > label , notebook > header tabs > tab . font > box > box > label , notebook > header tabbar tabbox > tabboxchild . font > box > box > label , tabbar notebook > header tabbox > tabboxchild . font > box > box > label , notebook > header > tabs > arrow . font > box > box > label , button . font > box > box > label { font-weight : bold ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
menubutton . circular dnd tab , dnd menubutton . circular tab , menubutton . circular tabbar tab , tabbar menubutton . circular tab , menubutton . circular notebook > header tabs > tab , notebook > header menubutton . circular tabs > tab , menubutton . circular notebook > header tabbar tabbox > tabboxchild , tabbar menubutton . circular notebook > header tabbox > tabboxchild , notebook > header menubutton . circular tabbar tabbox > tabboxchild , tabbar notebook > header menubutton . circular tabbox > tabboxchild , menubutton . circular notebook > header > tabs > arrow , menubutton . circular columnview . view > header > button , menubutton . circular treeview . view > header > button , dnd tab . circular , tabbar tab . circular , notebook > header tabs > tab . circular , notebook > header tabbar tabbox > tabboxchild . circular , tabbar notebook > header tabbox > tabboxchild . circular , notebook > header > tabs > arrow . circular , columnview . view > header > button . circular , treeview . view > header > button . circular , menubutton . circular button , button . circular { min-width : 32 px ; min-height : 32 px ; padding : 0 ; border-radius : 9999 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
menubutton . circular dnd tab label , dnd menubutton . circular tab label , menubutton . circular tabbar tab label , tabbar menubutton . circular tab label , menubutton . circular notebook > header tabs > tab label , notebook > header menubutton . circular tabs > tab label , menubutton . circular notebook > header tabbar tabbox > tabboxchild label , tabbar menubutton . circular notebook > header tabbox > tabboxchild label , notebook > header menubutton . circular tabbar tabbox > tabboxchild label , tabbar notebook > header menubutton . circular tabbox > tabboxchild label , menubutton . circular notebook > header > tabs > arrow label , dnd tab . circular label , tabbar tab . circular label , notebook > header tabs > tab . circular label , notebook > header tabbar tabbox > tabboxchild . circular label , tabbar notebook > header tabbox > tabboxchild . circular label , notebook > header > tabs > arrow . circular label , columnview . view > header > button . circular label , treeview . view > header > button . circular label , menubutton . circular button label , button . circular label { padding : 0 ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
stacksidebar row . needs-attention > label , dnd stackswitcher > tab . needs-attention > label , tabbar stackswitcher > tab . needs-attention > label , notebook > header dnd stackswitcher > tab . needs-attention > label , dnd notebook > header stackswitcher > tab . needs-attention > label , notebook > header tabbar stackswitcher > tab . needs-attention > label , tabbar notebook > header stackswitcher > tab . needs-attention > label , dnd stackswitcher > tab . needs-attention > image , tabbar stackswitcher > tab . needs-attention > image , notebook > header dnd stackswitcher > tab . needs-attention > image , dnd notebook > header stackswitcher > tab . needs-attention > image , notebook > header tabbar stackswitcher > tab . needs-attention > image , tabbar notebook > header stackswitcher > tab . needs-attention > image , stackswitcher > button . needs-attention > label , stackswitcher > button . needs-attention > image { animation : needs_attention 150 ms ease-in ; background-image : radial-gradient ( farthest - side , #f57900 96 % , rgba ( 245 , 121 , 0 , 0 ) ) ; background-size : 6 px 6 px , 6 px 6 px ; background-repeat : no-repeat ; background-position : right 3 px , right 2 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
stacksidebar row . needs-attention > label : backdrop , dnd stackswitcher > tab . needs-attention > label : backdrop , tabbar stackswitcher > tab . needs-attention > label : backdrop , dnd stackswitcher > tab . needs-attention > image : backdrop , tabbar stackswitcher > tab . needs-attention > image : backdrop , stackswitcher > button . needs-attention > label : backdrop , stackswitcher > button . needs-attention > image : backdrop { background-size : 6 px 6 px , 0 0 ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
stacksidebar row . needs-attention > label : dir ( rtl ) , dnd stackswitcher > tab . needs-attention > label : dir ( rtl ) , tabbar stackswitcher > tab . needs-attention > label : dir ( rtl ) , dnd stackswitcher > tab . needs-attention > image : dir ( rtl ) , tabbar stackswitcher > tab . needs-attention > image : dir ( rtl ) , stackswitcher > button . needs-attention > label : dir ( rtl ) , stackswitcher > button . needs-attention > image : dir ( rtl ) { background-position : left 3 px , left 2 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
. linked : not ( . vertical ) > filechooserbutton > combobox : dir ( rtl ) : not ( : last-child ) > box > button . combo , . linked : not ( . vertical ) > appchooserbutton > combobox : dir ( rtl ) : not ( : last-child ) > box > button . combo , . linked : not ( . vertical ) > combobox : dir ( rtl ) : not ( : last-child ) > box > button . combo , . linked : not ( . vertical ) > filechooserbutton > combobox : dir ( ltr ) : not ( : first-child ) > box > button . combo , . linked : not ( . vertical ) > appchooserbutton > combobox : dir ( ltr ) : not ( : first-child ) > box > button . combo , . linked : not ( . vertical ) > combobox : dir ( ltr ) : not ( : first-child ) > box > button . combo , dropdown . linked button : nth-child ( 2 ) : dir ( ltr ) , combobox . linked button : nth-child ( 2 ) : dir ( ltr ) , . linked : not ( . vertical ) > menubutton : dir ( rtl ) : not ( : last-child ) > button , . linked : not ( . vertical ) > dropdown : dir ( rtl ) : not ( : last-child ) > button , . linked : not ( . vertical ) > colorbutton : dir ( rtl ) : not ( : last-child ) > button , . linked : not ( . vertical ) > fontbutton : dir ( rtl ) : not ( : last-child ) > button , . linked : not ( . vertical ) > filechooserbutton : dir ( rtl ) : not ( : last-child ) > button , . linked : not ( . vertical ) > menubutton : dir ( ltr ) : not ( : first-child ) > button , . linked : not ( . vertical ) > dropdown : dir ( ltr ) : not ( : first-child ) > button , . linked : not ( . vertical ) > colorbutton : dir ( ltr ) : not ( : first-child ) > button , . linked : not ( . vertical ) > fontbutton : dir ( ltr ) : not ( : first-child ) > button , . linked : not ( . vertical ) > filechooserbutton : dir ( ltr ) : not ( : first-child ) > button , spinbutton . vertical . linked : not ( . vertical ) > text : dir ( rtl ) : not ( : last-child ) , . linked : not ( . vertical ) > spinbutton : dir ( rtl ) : not ( : last-child ) : not ( . vertical ) , . linked : not ( . vertical ) > entry : dir ( rtl ) : not ( : last-child ) , . linked : not ( . vertical ) > . entry : dir ( rtl ) : not ( : last-child ) , dnd . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : last-child ) , tabbar . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : last-child ) , notebook > header tabs . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : last-child ) , dnd notebook > header . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : last-child ) , tabbar notebook > header . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : last-child ) , notebook > header tabbar tabbox . linked : not ( . vertical ) > tabboxchild : dir ( rtl ) : not ( : last-child ) , tabbar notebook > header tabbox . linked : not ( . vertical ) > tabboxchild : dir ( rtl ) : not ( : last-child ) , notebook > header > tabs . linked : not ( . vertical ) > arrow : dir ( rtl ) : not ( : last-child ) , columnview . view > header . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : last-child ) , treeview . view > header . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : last-child ) , . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : last-child ) , spinbutton . vertical . linked : not ( . vertical ) > text : dir ( ltr ) : not ( : first-child ) , . linked : not ( . vertical ) > spinbutton : dir ( ltr ) : not ( : first-child ) : not ( . vertical ) , . linked : not ( . vertical ) > entry : dir ( ltr ) : not ( : first-child ) , . linked : not ( . vertical ) > . entry : dir ( ltr ) : not ( : first-child ) , dnd . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : first-child ) , tabbar . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : first-child ) , notebook > header tabs . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : first-child ) , dnd notebook > header . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : first-child ) , tabbar notebook > header . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : first-child ) , notebook > header tabbar tabbox . linked : not ( . vertical ) > tabboxchild : dir ( ltr ) : not ( : first-child ) , tabbar notebook > header tabbox . linked : not ( . vertical ) > tabboxchild : dir ( ltr ) : not ( : first-child ) , notebook > header > tabs . linked : not ( . vertical ) > arrow : dir ( ltr ) : not ( : first-child ) , columnview . view > header . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : first-child ) , treeview . view > header . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : first-child ) , . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : first-child ) { border-top-left-radius : 0 ; border-bottom-left-radius : 0 ; margin-left : 0 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
. linked : not ( . vertical ) > filechooserbutton > combobox : dir ( rtl ) : not ( : first-child ) > box > button . combo , . linked : not ( . vertical ) > appchooserbutton > combobox : dir ( rtl ) : not ( : first-child ) > box > button . combo , . linked : not ( . vertical ) > combobox : dir ( rtl ) : not ( : first-child ) > box > button . combo , . linked : not ( . vertical ) > filechooserbutton > combobox : dir ( ltr ) : not ( : last-child ) > box > button . combo , . linked : not ( . vertical ) > appchooserbutton > combobox : dir ( ltr ) : not ( : last-child ) > box > button . combo , . linked : not ( . vertical ) > combobox : dir ( ltr ) : not ( : last-child ) > box > button . combo , dropdown . linked button : nth-child ( 2 ) : dir ( rtl ) , combobox . linked button : nth-child ( 2 ) : dir ( rtl ) , . linked : not ( . vertical ) > menubutton : dir ( rtl ) : not ( : first-child ) > button , . linked : not ( . vertical ) > dropdown : dir ( rtl ) : not ( : first-child ) > button , . linked : not ( . vertical ) > colorbutton : dir ( rtl ) : not ( : first-child ) > button , . linked : not ( . vertical ) > fontbutton : dir ( rtl ) : not ( : first-child ) > button , . linked : not ( . vertical ) > filechooserbutton : dir ( rtl ) : not ( : first-child ) > button , . linked : not ( . vertical ) > menubutton : dir ( ltr ) : not ( : last-child ) > button , . linked : not ( . vertical ) > dropdown : dir ( ltr ) : not ( : last-child ) > button , . linked : not ( . vertical ) > colorbutton : dir ( ltr ) : not ( : last-child ) > button , . linked : not ( . vertical ) > fontbutton : dir ( ltr ) : not ( : last-child ) > button , . linked : not ( . vertical ) > filechooserbutton : dir ( ltr ) : not ( : last-child ) > button , spinbutton . vertical . linked : not ( . vertical ) > text : dir ( rtl ) : not ( : first-child ) , . linked : not ( . vertical ) > spinbutton : dir ( rtl ) : not ( : first-child ) : not ( . vertical ) , . linked : not ( . vertical ) > entry : dir ( rtl ) : not ( : first-child ) , . linked : not ( . vertical ) > . entry : dir ( rtl ) : not ( : first-child ) , dnd . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : first-child ) , tabbar . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : first-child ) , notebook > header tabs . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : first-child ) , dnd notebook > header . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : first-child ) , tabbar notebook > header . linked : not ( . vertical ) > tab : dir ( rtl ) : not ( : first-child ) , notebook > header tabbar tabbox . linked : not ( . vertical ) > tabboxchild : dir ( rtl ) : not ( : first-child ) , tabbar notebook > header tabbox . linked : not ( . vertical ) > tabboxchild : dir ( rtl ) : not ( : first-child ) , notebook > header > tabs . linked : not ( . vertical ) > arrow : dir ( rtl ) : not ( : first-child ) , columnview . view > header . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : first-child ) , treeview . view > header . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : first-child ) , . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : first-child ) , spinbutton . vertical . linked : not ( . vertical ) > text : dir ( ltr ) : not ( : last-child ) , . linked : not ( . vertical ) > spinbutton : dir ( ltr ) : not ( : last-child ) : not ( . vertical ) , . linked : not ( . vertical ) > entry : dir ( ltr ) : not ( : last-child ) , . linked : not ( . vertical ) > . entry : dir ( ltr ) : not ( : last-child ) , dnd . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : last-child ) , tabbar . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : last-child ) , notebook > header tabs . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : last-child ) , dnd notebook > header . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : last-child ) , tabbar notebook > header . linked : not ( . vertical ) > tab : dir ( ltr ) : not ( : last-child ) , notebook > header tabbar tabbox . linked : not ( . vertical ) > tabboxchild : dir ( ltr ) : not ( : last-child ) , tabbar notebook > header tabbox . linked : not ( . vertical ) > tabboxchild : dir ( ltr ) : not ( : last-child ) , notebook > header > tabs . linked : not ( . vertical ) > arrow : dir ( ltr ) : not ( : last-child ) , columnview . view > header . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : last-child ) , treeview . view > header . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : last-child ) , . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : last-child ) { border-top-right-radius : 0 ; border-bottom-right-radius : 0 ; margin-right : 0 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
. linked . vertical > filechooserbutton > combobox : not ( : first-child ) > box > button . combo , . linked . vertical > appchooserbutton > combobox : not ( : first-child ) > box > button . combo , . linked . vertical > combobox : not ( : first-child ) > box > button . combo , . linked . vertical > menubutton : not ( : first-child ) > button , . linked . vertical > dropdown : not ( : first-child ) > button , . linked . vertical > colorbutton : not ( : first-child ) > button , . linked . vertical > fontbutton : not ( : first-child ) > button , . linked . vertical > filechooserbutton : not ( : first-child ) > button , spinbutton . vertical . linked > text : not ( : first-child ) , . linked . vertical > spinbutton : not ( : first-child ) : not ( . vertical ) , . linked . vertical > entry : not ( : first-child ) , . linked . vertical > . entry : not ( : first-child ) , dnd . linked . vertical > tab : not ( : first-child ) , tabbar . linked . vertical > tab : not ( : first-child ) , notebook > header tabs . linked . vertical > tab : not ( : first-child ) , dnd notebook > header . linked . vertical > tab : not ( : first-child ) , tabbar notebook > header . linked . vertical > tab : not ( : first-child ) , notebook > header tabbar tabbox . linked . vertical > tabboxchild : not ( : first-child ) , tabbar notebook > header tabbox . linked . vertical > tabboxchild : not ( : first-child ) , notebook > header > tabs . linked . vertical > arrow : not ( : first-child ) , columnview . view > header . linked . vertical > button : not ( : first-child ) , treeview . view > header . linked . vertical > button : not ( : first-child ) , . linked . vertical > button : not ( : first-child ) { border-top-left-radius : 0 ; border-top-right-radius : 0 ; margin-top : 0 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
. linked . vertical > filechooserbutton > combobox : not ( : last-child ) > box > button . combo , . linked . vertical > appchooserbutton > combobox : not ( : last-child ) > box > button . combo , . linked . vertical > combobox : not ( : last-child ) > box > button . combo , . linked . vertical > menubutton : not ( : last-child ) > button , . linked . vertical > dropdown : not ( : last-child ) > button , . linked . vertical > colorbutton : not ( : last-child ) > button , . linked . vertical > fontbutton : not ( : last-child ) > button , . linked . vertical > filechooserbutton : not ( : last-child ) > button , spinbutton . vertical . linked > text : not ( : last-child ) , . linked . vertical > spinbutton : not ( : last-child ) : not ( . vertical ) , . linked . vertical > entry : not ( : last-child ) , . linked . vertical > . entry : not ( : last-child ) , dnd . linked . vertical > tab : not ( : last-child ) , tabbar . linked . vertical > tab : not ( : last-child ) , notebook > header tabs . linked . vertical > tab : not ( : last-child ) , dnd notebook > header . linked . vertical > tab : not ( : last-child ) , tabbar notebook > header . linked . vertical > tab : not ( : last-child ) , notebook > header tabbar tabbox . linked . vertical > tabboxchild : not ( : last-child ) , tabbar notebook > header tabbox . linked . vertical > tabboxchild : not ( : last-child ) , notebook > header > tabs . linked . vertical > arrow : not ( : last-child ) , columnview . view > header . linked . vertical > button : not ( : last-child ) , treeview . view > header . linked . vertical > button : not ( : last-child ) , . linked . vertical > button : not ( : last-child ) { border-bottom-left-radius : 0 ; border-bottom-right-radius : 0 ; margin-bottom : 0 px ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
button . link , button . link : hover , button . link : active , button . link : checked , modelbutton . flat arrow : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , modelbutton . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) { background-color : transparent ; background-image : none ; border-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) , 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
/* menu buttons */
2024-01-26 17:53:12 +01:00
modelbutton . flat { min-height : 20 px ; padding-left : 5 px ; padding-right : 5 px ; border-radius : 3 px ; border : 1 px solid transparent ; color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
modelbutton . flat : hover { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
modelbutton . flat : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
modelbutton . flat arrow { background : none ; min-width : 16 px ; min-height : 16 px ; border : 1 px solid transparent ; opacity : 1 ; }
2023-04-03 12:17:36 +02:00
modelbutton . flat arrow . left { - gtk-icon-source : - gtk-icontheme ( "go-previous-symbolic" ) ; }
modelbutton . flat arrow . right { - gtk-icon-source : - gtk-icontheme ( "go-next-symbolic" ) ; }
/* oldstyle toolbar buttons */
. toolbar > button , . toolbar > : not ( . linked ) > button , . toolbar : not ( . linked ) > menubutton > button , . toolbar : not ( . linked ) > scalebutton > button , . toolbar : not ( . linked ) > dropdown > button , . toolbar : not ( . linked ) > colorbutton > button , . toolbar : not ( . linked ) > fontbutton > button , . toolbar : not ( . linked ) > appchooserbutton > button , . toolbar : not ( . linked ) > combobox > box > button { margin : 1 px ; }
button . color { padding : 4 px ; }
button . color > colorswatch : only-child , button . color > colorswatch : only-child > overlay { border-radius : 0 ; }
/* list buttons */
/* tone down as per new designs, see issue #1473 */
2023-04-14 16:21:05 +02:00
popover . menu box . circular-buttons button . circular . image-button . model : hover , list > row button . image-button : not ( . flat ) : hover { border-color : currentColor ; }
2023-04-04 10:12:07 +02:00
2024-02-01 15:54:56 +01:00
popover . menu box . circular-buttons button . circular . image-button . model : active , list > row button . image-button : not ( . flat ) : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-04 10:12:07 +02:00
2023-04-14 16:21:05 +02:00
popover . menu box . circular-buttons button . circular . image-button . model : checked , list > row button . image-button : not ( . flat ) : checked { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-04 10:12:07 +02:00
2023-04-03 12:17:36 +02:00
/********* Links * */
button . link , link { color : #99c1f1 ; text-decoration : underline ; }
button . link : visited , link : visited { color : #dc8add ; }
2023-04-14 16:21:05 +02:00
* : selected button . link : visited , * : selected link : visited { color : #f1d0f1 ; }
2023-04-03 12:17:36 +02:00
button . link : hover , link : hover { color : #c6dcf7 ; }
2023-04-14 16:21:05 +02:00
* : selected button . link : hover , * : selected link : hover { color : #f9fcfe ; }
2023-04-03 12:17:36 +02:00
button . link : active , link : active { color : #99c1f1 ; }
2023-04-14 16:21:05 +02:00
* : selected button . link : active , * : selected link : active { color : #ebf3fc ; }
2023-04-03 12:17:36 +02:00
button . link : disabled , link : disabled { color : rgba ( 197 , 197 , 197 , 0.8 ) ; }
2023-04-14 16:21:05 +02:00
button . link : selected , * : selected button . link , link : selected , * : selected link { color : #ebf3fc ; }
2023-04-03 12:17:36 +02:00
link { transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
link { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-14 16:21:05 +02:00
link : focus : focus-visible { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
button . link , button . link : hover , button . link : active , button . link : checked { text-shadow : none ; }
button . link > label { text-decoration : underline ; }
/***************** GtkSpinButton * */
spinbutton { font-feature-settings : "tnum" ; }
spinbutton : not ( . vertical ) { padding : 0 ; border-spacing : 0 ; /* :not here just to bump specificity above that of the list button styling */ }
. osd spinbutton : not ( . vertical ) > text , spinbutton : not ( . vertical ) > text { min-width : 28 px ; margin : 0 ; background : none ; background-color : transparent ; border : none ; border-radius : 0 ; box-shadow : none ; padding : 6 px ; }
2023-04-14 16:21:05 +02:00
. osd spinbutton : not ( . vertical ) > text : backdrop : disabled , spinbutton : not ( . vertical ) > text : backdrop : disabled { background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) , spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) { padding : 0 ; }
2024-02-01 15:13:16 +01:00
. osd spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) , . osd spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #66cbec ; border-style : none none none solid ; border-color : rgba ( 102 , 203 , 236 , 0.7 ) ; border-radius : 0 ; box-shadow : none ; - gtk-icon-shadow : 0 1 px black ; }
2023-04-03 12:17:36 +02:00
. osd spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) : dir ( rtl ) , . osd spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) : dir ( rtl ) { border-style : none solid none none ; }
2024-02-01 15:13:16 +01:00
. osd spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) : hover , . osd spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) : hover { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #66cbec ; border-color : rgba ( 102 , 203 , 236 , 0.5 ) ; background-color : rgba ( 21 , 41 , 81 , 0.7 ) ; - gtk-icon-shadow : 0 1 px black ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:13:16 +01:00
. osd spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) : disabled , . osd spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) : disabled { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #4384b3 ; border-color : rgba ( 102 , 203 , 236 , 0.5 ) ; - gtk-icon-shadow : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
. osd spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) : dir ( ltr ) : last-child , . osd spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) : dir ( ltr ) : last-child { border-radius : 0 3 px 3 px 0 ; }
. osd spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) : dir ( rtl ) : first-child , . osd spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) : dir ( rtl ) : first-child { border-radius : 3 px 0 0 3 px ; }
2023-04-14 16:21:05 +02:00
spinbutton . vertical : disabled { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
spinbutton . vertical : drop ( active ) { border-color : transparent ; box-shadow : none ; }
spinbutton . vertical > text { min-height : 32 px ; min-width : 32 px ; padding : 0 ; border-radius : 0 ; }
2023-04-14 16:21:05 +02:00
spinbutton . vertical > text > selection { background-color : rgba ( 101 , 102 , 98 , 0.7 ) ; color : transparent ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
spinbutton . vertical > text > selection : focus-within { background-color : rgba ( 118 , 152 , 48 , 0.3 ) ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
spinbutton . vertical > text > block-cursor { color : #323232 ; background-color : #EDF0F5 ; }
spinbutton . vertical > button { min-height : 32 px ; min-width : 32 px ; padding : 0 ; }
spinbutton . vertical > button . up { border-bottom-style : none ; border-bottom-left-radius : 0 ; border-bottom-right-radius : 0 ; }
spinbutton . vertical > button . down { border-top-style : none ; border-top-left-radius : 0 ; border-top-right-radius : 0 ; }
2023-04-14 16:21:05 +02:00
. osd spinbutton . vertical > button : first-child : hover { border-color : currentColor ; }
2023-04-03 17:12:05 +02:00
2024-02-01 15:54:56 +01:00
. osd spinbutton . vertical > button : first-child : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
. osd spinbutton . vertical > button : first-child : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-04-03 12:17:36 +02:00
treeview spinbutton : not ( . vertical ) { min-height : 0 ; border-style : none ; border-radius : 0 ; }
treeview spinbutton : not ( . vertical ) > text { min-height : 0 ; padding : 1 px 2 px ; }
/************** ComboBoxes * */
dropdown > popover . menu . background > contents { padding : 0 ; }
dropdown > button > box { border-spacing : 6 px ; }
dropdown arrow , combobox arrow { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; min-height : 16 px ; min-width : 16 px ; }
dropdown > popover . menu > contents modelbutton , combobox > popover . menu > contents modelbutton { padding-left : 9 px ; padding-right : 9 px ; }
dropdown : drop ( active ) , combobox : drop ( active ) { box-shadow : none ; }
dropdown popover , combobox popover { margin-top : 6 px ; padding : 0 ; }
dropdown popover listview , combobox popover listview { margin : 8 px 0 ; }
2023-04-05 17:34:04 +02:00
dropdown popover listview > row . activatable , combobox popover listview > row . activatable { padding : 8 px ; /*&:selected { @include button(checked); &, &:hover { @include button(hover); outline-color: $alt_focus_border_color; color: $text-color; background-color: $menu_selected_color; box-shadow: none; } }*/ }
2023-04-03 12:17:36 +02:00
dropdown popover . dropdown-searchbar , combobox popover . dropdown-searchbar { padding : 6 px ; border-bottom : 1 px solid #595757 ; }
/************ Toolbars * */
searchbar > revealer > box , . toolbar { padding : 4 px ; border-spacing : 4 px ; background-color : #3f3e3e ; }
. osd . toolbar { background-color : transparent ; }
. toolbar . osd { padding : 13 px ; border : none ; border-radius : 5 px ; background-color : rgba ( 32 , 61 , 121 , 0.7 ) ; }
. toolbar . osd . left , . toolbar . osd . right , . toolbar . osd . top , . toolbar . osd . bottom { border-radius : 0 ; }
. toolbar . horizontal > separator { margin : 4 px 0 ; }
. toolbar . vertical > separator { margin : 0 4 px ; }
searchbar > revealer > box { padding : 6 px ; border-spacing : 6 px ; border-width : 0 0 1 px ; }
searchbar > revealer > box { border-style : solid ; border-color : #595757 ; background-color : #474646 ; }
searchbar > revealer > box : backdrop { border-color : #545252 ; background-color : #464545 ; box-shadow : none ; transition : 200 ms ease-out ; }
/************** GtkInfoBar * */
infobar > revealer > box { padding : 8 px ; border-spacing : 12 px ; }
2023-04-14 16:21:05 +02:00
infobar . info > revealer > box , infobar . question > revealer > box , infobar . warning > revealer > box , infobar . error > revealer > box { border-bottom : 1 px solid #666464 ; background-color : #493d60 ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:13:16 +01:00
infobar . close , searchbar . close { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; min-width : 16 px ; min-height : 16 px ; padding : 4 px ; border-radius : 50 % ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
infobar . close : hover , searchbar . close : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
/***************** Title buttons * */
windowcontrols { border-spacing : 6 px ; }
windowcontrols : not ( . empty ) . start : dir ( ltr ) , windowcontrols : not ( . empty ) . end : dir ( rtl ) { margin-right : 7 px ; }
windowcontrols : not ( . empty ) . start : dir ( rtl ) , windowcontrols : not ( . empty ) . end : dir ( ltr ) { margin-left : 7 px ; }
2023-04-13 13:33:20 +02:00
windowcontrols button { padding-right : 6 px ; padding-left : 6 px ; min-width : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-03 17:12:05 +02:00
windowcontrols button . close { padding-right : 12 px ; padding-left : 12 px ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
windowcontrols button . close : not ( : backdrop ) { color : #EDF0F5 ; background-color : #924c3a ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
windowcontrols button . close : not ( : backdrop ) : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
windowcontrols button . close : not ( : backdrop ) : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
windowcontrols button > image { background-color : unset ; }
2023-04-03 12:17:36 +02:00
/*************** Header bars * */
2024-01-26 12:40:34 +01:00
. titlebar : not ( headerbar ) , headerbar { padding : 0 0 px ; min-height : 46 px ; border-width : 0 0 1 px ; border-style : solid ; border-color : #6d6c6c ; border-radius : 0 ; background : #768556 image ( #768556 ) ; color : #ffffff ; /* Darken switchbuttons for headerbars. issue #1588 */ }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. titlebar : backdrop : not ( headerbar ) , headerbar : backdrop { border-color : #545252 ; background-color : #3f3e3e ; color : #EDF0F5 ; background-image : none ; transition : 200 ms ease-out ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. titlebar : not ( headerbar ) . title , headerbar . title { padding-left : 12 px ; padding-right : 12 px ; font-weight : bold ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. titlebar : not ( headerbar ) . subtitle , headerbar . subtitle { font-size : smaller ; padding-left : 12 px ; padding-right : 12 px ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. titlebar : not ( headerbar ) button , headerbar button { color : #ffffff ; background-color : #849167 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-13 13:33:20 +02:00
2024-01-26 12:40:34 +01:00
. titlebar : not ( headerbar ) button : backdrop : not ( : checked ) , headerbar button : backdrop : not ( : checked ) { color : #EDF0F5 ; background-color : #505050 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-13 13:33:20 +02:00
2024-01-26 12:40:34 +01:00
. titlebar : not ( headerbar ) button : backdrop : not ( : checked ) : hover , headerbar button : backdrop : not ( : checked ) : hover { border-color : currentColor ; }
2023-04-13 13:33:20 +02:00
2024-01-26 12:40:34 +01:00
. tiled . titlebar : not ( headerbar ) , . tiled-top . titlebar : not ( headerbar ) , . tiled-left . titlebar : not ( headerbar ) , . tiled-right . titlebar : not ( headerbar ) , . tiled-bottom . titlebar : not ( headerbar ) , . maximized . titlebar : not ( headerbar ) , . fullscreen . titlebar : not ( headerbar ) , . tiled headerbar , . tiled-top headerbar , . tiled-left headerbar , . tiled-right headerbar , . tiled-bottom headerbar , . maximized headerbar , . fullscreen headerbar { border-radius : 0 ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. default-decoration . titlebar : not ( headerbar ) , headerbar . default-decoration { min-height : 28 px ; padding : 4 px ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. default-decoration . titlebar : not ( headerbar ) windowcontrols button , . default-decoration . titlebar : not ( headerbar ) windowcontrols menubutton , headerbar . default-decoration windowcontrols button , headerbar . default-decoration windowcontrols menubutton { min-height : 26 px ; min-width : 26 px ; margin : 0 ; padding : 0 ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. default-decoration . titlebar : not ( headerbar ) windowcontrols menubutton button , headerbar . default-decoration windowcontrols menubutton button { min-height : 20 px ; min-width : 20 px ; margin : 0 ; padding : 4 px ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
. solid-csd . titlebar : dir ( rtl ) : not ( headerbar ) , . solid-csd . titlebar : dir ( ltr ) : not ( headerbar ) , . solid-csd headerbar : backdrop : dir ( rtl ) , . solid-csd headerbar : backdrop : dir ( ltr ) , . solid-csd headerbar : dir ( rtl ) , . solid-csd headerbar : dir ( ltr ) { margin-left : -1 px ; margin-right : -1 px ; margin-top : -1 px ; border-radius : 0 ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-05-31 20:13:01 +02:00
headerbar { padding : 0 6 px ; }
2023-04-03 12:17:36 +02:00
headerbar > windowhandle > box , headerbar > windowhandle > box > box . start , headerbar > windowhandle > box > box . end { border-spacing : 6 px ; }
2024-01-26 12:40:34 +01:00
headerbar entry , headerbar spinbutton , headerbar separator : not ( . sidebar ) , headerbar button , headerbar menubutton { margin-top : 2 px ; margin-bottom : 2 px ; }
2023-04-03 12:17:36 +02:00
headerbar menubutton > button { margin-top : 0 px ; margin-bottom : 0 px ; }
2024-01-26 12:40:34 +01:00
headerbar switch { margin-top : 2 px ; margin-bottom : 2 px ; }
2023-04-03 12:17:36 +02:00
window . csd > . titlebar : not ( headerbar ) { padding : 0 ; background-color : transparent ; background-image : none ; border-style : none ; border-color : transparent ; }
2023-04-14 16:21:05 +02:00
window . devel headerbar . titlebar { background : #3f3e3e cross-fade ( 10 % - gtk-icontheme ( "system-run-symbolic" ) , image ( transparent ) ) 90 % 0 / 256 px 256 px no-repeat , linear-gradient ( to right , transparent 65 % , rgba ( 118 , 152 , 48 , 0.1 ) ) , linear-gradient ( to top , #2d2c2c 3 px , #323131 ) ; }
2023-04-03 12:17:36 +02:00
window . devel headerbar . titlebar : backdrop { background : #3f3e3e cross-fade ( 10 % - gtk-icontheme ( "system-run-symbolic" ) , image ( transparent ) ) 90 % 0 / 256 px 256 px no-repeat , image ( #3f3e3e ) ; /* background-color would flash */ }
/************ Pathbars * */
pathbar > button . text-button , pathbar > button . image-button , pathbar > button { padding-left : 4 px ; padding-right : 4 px ; }
pathbar > button . text-button . image-button label { padding-left : 0 ; padding-right : 0 ; }
pathbar > button . text-button . image-button label : last-child , pathbar > button label : last-child { padding-right : 8 px ; }
pathbar > button . text-button . image-button label : first-child , pathbar > button label : first-child { padding-left : 8 px ; }
pathbar > button image { padding-left : 4 px ; padding-right : 4 px ; }
pathbar > button . slider-button { padding-left : 0 ; padding-right : 0 ; }
/************** Tree Views * */
columnview . view , treeview . view { border-left-color : #575859 ; border-top-color : #575859 ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
columnview . view , treeview . view { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-14 16:21:05 +02:00
columnview . view : focus : focus-visible , treeview . view : focus : focus-visible { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
columnview . view : selected : focus , columnview . view : selected , treeview . view : selected : focus , treeview . view : selected { border-radius : 0 ; outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; }
2023-04-14 16:21:05 +02:00
columnview . view : disabled , treeview . view : disabled { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
columnview . view : disabled : selected , treeview . view : disabled : selected { color : #adc183 ; }
2023-04-03 12:17:36 +02:00
columnview . view . separator , treeview . view . separator { min-height : 2 px ; color : #575859 ; }
columnview . view : drop ( active ) , treeview . view : drop ( active ) { box-shadow : none ; }
2023-04-14 16:21:05 +02:00
columnview . view > dndtarget : drop ( active ) , treeview . view > dndtarget : drop ( active ) { border-style : solid none ; border-width : 1 px ; border-color : #1c240b ; }
2023-04-03 12:17:36 +02:00
columnview . view > dndtarget : drop ( active ) . after , treeview . view > dndtarget : drop ( active ) . after { border-top-style : none ; }
columnview . view > dndtarget : drop ( active ) . before , treeview . view > dndtarget : drop ( active ) . before { border-bottom-style : none ; }
columnview . view . expander , treeview . view . expander { min-width : 16 px ; min-height : 16 px ; - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; color : #b5b7bb ; }
columnview . view . expander : dir ( rtl ) , treeview . view . expander : dir ( rtl ) { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic-rtl" ) ; }
columnview . view . expander : hover , treeview . view . expander : hover { color : #EDF0F5 ; }
2023-04-14 16:21:05 +02:00
columnview . view . expander : selected , treeview . view . expander : selected { color : #d6e0c1 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
columnview . view . expander : selected : hover , treeview . view . expander : selected : hover { color : #ffffff ; }
2023-04-03 12:17:36 +02:00
columnview . view . expander : checked , treeview . view . expander : checked { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
2023-04-14 16:21:05 +02:00
columnview . view . progressbar , treeview . view . progressbar { background-color : #769830 ; background-image : image ( #769830 ) ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
columnview . view . progressbar : selected : focus , columnview . view . progressbar : selected , treeview . view . progressbar : selected : focus , treeview . view . progressbar : selected { box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.05 ) ; background-image : image ( #323232 ) ; }
columnview . view . trough , treeview . view . trough { background-color : rgba ( 237 , 240 , 245 , 0.1 ) ; }
2023-04-14 16:21:05 +02:00
columnview . view . trough : selected : focus , columnview . view . trough : selected , treeview . view . trough : selected : focus , treeview . view . trough : selected { background-color : #587124 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
columnview . view > header > button , treeview . view > header > button { border : 1 px solid transparent ; border-right-color : #595757 ; border-bottom-color : #595757 ; border-radius : 0 ; padding : 0 px 3 px ; margin : 0 px ; color : #909194 ; background-color : #323232 ; font-weight : bold ; text-shadow : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
columnview . view > header > button : hover , treeview . view > header > button : hover { color : #bfc1c5 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
columnview . view > header > button : active , treeview . view > header > button : active { color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
columnview . view > header > button sort-indicator , treeview . view > header > button sort-indicator { min-height : 16 px ; min-width : 16 px ; }
columnview . view > header > button sort-indicator . ascending , treeview . view > header > button sort-indicator . ascending { - gtk-icon-source : - gtk-icontheme ( "pan-up-symbolic" ) ; }
columnview . view > header > button sort-indicator . descending , treeview . view > header > button sort-indicator . descending { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
2023-04-14 16:21:05 +02:00
columnview . view button . dnd : active , columnview . view button . dnd : selected , columnview . view button . dnd : hover , columnview . view button . dnd , columnview . view header . button . dnd : active , columnview . view header . button . dnd : selected , columnview . view header . button . dnd : hover , columnview . view header . button . dnd , treeview . view button . dnd : active , treeview . view button . dnd : selected , treeview . view button . dnd : hover , treeview . view button . dnd , treeview . view header . button . dnd : active , treeview . view header . button . dnd : selected , treeview . view header . button . dnd : hover , treeview . view header . button . dnd { padding : 0 6 px ; color : #323232 ; background-image : none ; background-color : #769830 ; border-style : none ; border-radius : 0 ; box-shadow : inset 0 0 0 1 px #323232 ; text-shadow : none ; transition : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
columnview . view acceleditor > label , treeview . view acceleditor > label { background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
/*************** Popovers * */
popover . background { background-color : transparent ; font : initial ; }
2024-01-26 17:53:12 +01:00
popover . background > arrow , popover . background > contents { background-color : #353434 ; color : #EDF0F5 ; background-clip : padding-box ; border : 1 px solid rgba ( 237 , 240 , 245 , 0.5 ) ; box-shadow : 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.3 ) ; }
2023-04-03 12:17:36 +02:00
popover . background : backdrop { background-color : transparent ; }
popover . background > contents { padding : 8 px ; border-radius : 7 px ; }
popover . background > contents > list , popover . background > contents > . view , popover . background > contents > iconview , popover . background > contents > . toolbar { border-style : none ; background-color : transparent ; }
popover . background > contents separator { margin : 3 px ; }
popover . background > contents list separator { margin : 0 ; }
. osd popover . background , popover . background . touch-selection , popover . background . magnifier { background-color : transparent ; }
. osd popover . background > arrow , . osd popover . background > contents , popover . background . touch-selection > arrow , popover . background . touch-selection > contents , popover . background . magnifier > arrow , popover . background . magnifier > contents { border : 1 px solid rgba ( 255 , 255 , 255 , 0.1 ) ; box-shadow : none ; }
magnifier { background-color : #323232 ; }
/********************** Popover Base Menus * */
popover . menu { padding : 0 ; }
popover . menu box . inline-buttons { padding : 0 12 px ; }
2023-04-04 10:12:07 +02:00
popover . menu box . inline-buttons button . image-button . model { min-height : 30 px ; min-width : 30 px ; padding : 0 ; outline : none ; }
2024-02-01 15:13:16 +01:00
popover . menu box . inline-buttons button . image-button . model : not ( : hover ) : not ( : selected ) : not ( : active ) { border-color : transparent ; background-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
popover . menu box . inline-buttons button . image-button . model : selected { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
popover . menu box . circular-buttons { padding : 12 px 12 px 6 px ; }
popover . menu box . circular-buttons button . circular . image-button . model { padding : 11 px ; }
2023-04-14 16:21:05 +02:00
popover . menu box . circular-buttons button . circular . image-button . model : focus { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
popover . menu > arrow , popover . menu . background > contents { background-color : #353434 ; padding : 5 px ; }
popover . menu . background separator { margin : 6 px 0 ; }
popover . menu accelerator { color : alpha ( currentColor , 0.55 ) ; }
popover . menu accelerator : dir ( ltr ) { margin-left : 12 px ; }
popover . menu accelerator : dir ( rtl ) { margin-right : 12 px ; }
2023-04-05 17:34:04 +02:00
popover . menu check , popover . menu radio { transform : scale ( 0.8 ) ; border-width : 1.2 px ; box-shadow : none ; background-image : image ( transparent ) ; color : #EDF0F5 ; border-color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
popover . menu check : hover , popover . menu radio : hover { transform : scale ( 0.8 ) ; border-width : 1.2 px ; color : #EDF0F5 ; box-shadow : none ; background-image : image ( transparent ) ; }
popover . menu check : active , popover . menu radio : active { transform : scale ( 0.8 ) ; border-width : 1.2 px ; color : #EDF0F5 ; box-shadow : none ; background-image : image ( transparent ) ; }
popover . menu arrow . left , popover . menu radio . left , popover . menu check . left { margin-left : -2 px ; margin-right : 6 px ; }
popover . menu arrow . right , popover . menu radio . right , popover . menu check . right { margin-left : 6 px ; margin-right : -2 px ; }
2024-01-26 12:40:34 +01:00
popover . menu modelbutton { min-height : 30 px ; min-width : 40 px ; padding : 0 12 px ; border-radius : 5 px ; border : 1 px solid transparent ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
2023-04-04 10:12:07 +02:00
2023-04-14 16:21:05 +02:00
popover . menu modelbutton : hover { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
popover . menu modelbutton : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
popover . menu label . title { font-weight : bold ; padding : 4 px 32 px ; }
2023-04-04 10:12:07 +02:00
menubar { padding : 0 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
menubar > item { min-height : 16 px ; padding : 4 px 8 px ; border : 1 px solid transparent ; border-radius : 3 px ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
menubar > item : selected , menubar > item : hover { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
menubar > item : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
menubar > item popover . menu . background > contents { padding : 5 px ; }
menubar > item popover . menu popover . menu { padding : 0 0 4 px 0 ; }
menubar > item popover . menu . background popover . menu . background > contents { margin : 0 ; border-radius : 7 px ; }
/************* Notebooks * */
2023-06-01 12:02:47 +02:00
dnd tab , tabbar tab , notebook > header tabs > tab . reorderable-page , notebook > header dnd tab . reorderable-page , dnd notebook > header tab . reorderable-page , notebook > header tabbar tab . reorderable-page , tabbar notebook > header tab . reorderable-page , notebook > header tabbar tabbox > tabboxchild . reorderable-page , tabbar notebook > header tabbox > tabboxchild . reorderable-page { background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
dnd tab , tabbar tab , notebook > header tabs > tab . reorderable-page , notebook > header dnd tab . reorderable-page , dnd notebook > header tab . reorderable-page , notebook > header tabbar tab . reorderable-page , tabbar notebook > header tab . reorderable-page , notebook > header tabbar tabbox > tabboxchild . reorderable-page , tabbar notebook > header tabbox > tabboxchild . reorderable-page { background-position : left ; padding-left : 1 rem ; }
dnd tab : dir ( rtl ) , tabbar tab : dir ( rtl ) , notebook > header tabs > tab . reorderable-page : dir ( rtl ) , notebook > header dnd tab . reorderable-page : dir ( rtl ) , dnd notebook > header tab . reorderable-page : dir ( rtl ) , notebook > header tabbar tab . reorderable-page : dir ( rtl ) , tabbar notebook > header tab . reorderable-page : dir ( rtl ) , notebook > header tabbar tabbox > tabboxchild . reorderable-page : dir ( rtl ) , tabbar notebook > header tabbox > tabboxchild . reorderable-page : dir ( rtl ) { background-position : right ; padding-right : 1 rem ; }
2023-04-03 12:17:36 +02:00
notebook > header . left , notebook > header . right { border-radius : 1.5 em ; }
notebook > header . top > tabs > arrow { border-top-style : none ; }
notebook > header . bottom > tabs > arrow { border-bottom-style : none ; }
notebook > header . top > tabs > arrow , notebook > header . bottom > tabs > arrow { margin-left : -5 px ; margin-right : -5 px ; padding-left : 4 px ; padding-right : 4 px ; }
notebook > header . top > tabs > arrow . down , notebook > header . bottom > tabs > arrow . down { - gtk-icon-source : - gtk-icontheme ( "pan-start-symbolic" ) ; }
notebook > header . top > tabs > arrow . up , notebook > header . bottom > tabs > arrow . up { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; }
notebook > header . left > tabs > arrow { border-left-style : none ; }
notebook > header . right > tabs > arrow { border-right-style : none ; }
notebook > header . left > tabs > arrow , notebook > header . right > tabs > arrow { margin-top : -5 px ; margin-bottom : -5 px ; padding-top : 4 px ; padding-bottom : 4 px ; }
notebook > header . left > tabs > arrow . down , notebook > header . right > tabs > arrow . down { - gtk-icon-source : - gtk-icontheme ( "pan-up-symbolic" ) ; }
notebook > header . left > tabs > arrow . up , notebook > header . right > tabs > arrow . up { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
notebook > header > tabs > arrow { min-height : 16 px ; min-width : 16 px ; border-radius : 0 ; }
2023-04-14 16:21:05 +02:00
notebook > header > tabs > arrow : hover : not ( : active ) : not ( : backdrop ) { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
notebook > header > tabs > arrow : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
notebook > header > tabs > arrow : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
notebook > header tabs > tab , notebook > header dnd tab , dnd notebook > header tab , notebook > header tabbar tab , tabbar notebook > header tab , notebook > header tabbar tabbox > tabboxchild , tabbar notebook > header tabbox > tabboxchild { border-radius : 9999 px ; outline-color : transparent ; margin : 3 px ; }
2024-01-26 12:40:34 +01:00
notebook > header tabs > tab : hover , notebook > header dnd tab : hover , dnd notebook > header tab : hover , notebook > header tabbar tab : hover , tabbar notebook > header tab : hover , notebook > header tabbar tabbox > tabboxchild : hover , tabbar notebook > header tabbox > tabboxchild : hover { border-color : currentColor ; }
2023-06-01 12:02:47 +02:00
notebook > header tabs > tab button . flat , notebook > header dnd tab button . flat , dnd notebook > header tab button . flat , notebook > header tabbar tab button . flat , tabbar notebook > header tab button . flat , notebook > header tabbar tabbox > tabboxchild button . flat , tabbar notebook > header tabbox > tabboxchild button . flat { border-radius : 9999 px ; padding : 1 px ; margin : 2 px ; }
notebook > header tabs > tab button . flat : last-child , notebook > header dnd tab button . flat : last-child , dnd notebook > header tab button . flat : last-child , notebook > header tabbar tab button . flat : last-child , tabbar notebook > header tab button . flat : last-child , notebook > header tabbar tabbox > tabboxchild button . flat : last-child , tabbar notebook > header tabbox > tabboxchild button . flat : last-child { margin-left : 4 px ; margin-right : -4 px ; }
notebook > header tabs > tab button . flat : first-child , notebook > header dnd tab button . flat : first-child , dnd notebook > header tab button . flat : first-child , notebook > header tabbar tab button . flat : first-child , tabbar notebook > header tab button . flat : first-child , notebook > header tabbar tabbox > tabboxchild button . flat : first-child , tabbar notebook > header tabbox > tabboxchild button . flat : first-child { margin-left : -4 px ; margin-right : 4 px ; }
tabbar . box { background-color : #373636 ; color : #ffffff ; box-shadow : inset 0 -1 px rgba ( 0 , 0 , 0 , 0.36 ) ; padding : 1 px ; padding-top : 0 ; }
tabbar . box : backdrop { background-color : #3f3e3e ; transition : background-color 200 ms ease-out ; }
tabbar . box : backdrop > scrolledwindow , tabbar . box : backdrop > . start-action , tabbar . box : backdrop > . end-action { transition : filter 200 ms ease-out ; }
tabbar tabbox { padding : 2 px ; }
tabbar tabbox > tabboxchild { transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
tabbar tabbox > tabboxchild { outline : 0 solid transparent ; outline-offset : 4 px ; }
tabbar tabbox > tabboxchild : focus : focus-visible { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
tabbar tabbox > separator { margin-top : 3 px ; margin-bottom : 3 px ; transition : opacity 150 ms ease-in-out ; }
tabbar tabbox > separator . hidden { opacity : 0 ; }
tabbar tabbox > revealer > indicator { min-width : 2 px ; border-radius : 2 px ; margin : 3 px 6 px ; background : alpha ( #769830 , 0.5 ) ; }
tabbar tabbox > background { background-color : unset ; }
tabbar tab { border-radius : 9999 px ; outline-color : transparent ; margin : 3 px ; transition : background 150 ms ease-in-out ; }
tabbar tab : selected { background-color : #769830 ; }
tabbar tabbox . single-tab tab , tabbar tabbox . single-tab tab : hover , tabbar tabbox . single-tab tab : active { background : none ; }
tabbar . start-action , tabbar . end-action { padding : 6 px 5 px ; }
tabbar . start-action : dir ( ltr ) , tabbar . end-action : dir ( rtl ) { padding-right : 0 ; }
tabbar . start-action : dir ( rtl ) , tabbar . end-action : dir ( ltr ) { padding-left : 0 ; }
tabbar . inline . box { background-color : transparent ; color : inherit ; box-shadow : none ; padding-bottom : 0 ; }
tabbar . inline . box : backdrop { background-color : transparent ; transition : none ; }
tabbar . inline . box : backdrop > scrolledwindow , tabbar . inline . box : backdrop > . start-action , tabbar . inline . box : backdrop > . end-action { filter : none ; transition : none ; }
dnd tab { border-radius : 9999 px ; outline-color : transparent ; margin : 3 px ; margin : 25 px ; }
tabbar tab , dnd tab { min-height : 26 px ; padding : 4 px ; }
tabbar tab button . image-button , dnd tab button . image-button { padding : 0 ; margin : 0 ; min-width : 24 px ; min-height : 24 px ; border-radius : 99 px ; }
tabbar tab indicator , dnd tab indicator { min-height : 2 px ; border-radius : 2 px ; background : alpha ( #769830 , 0.5 ) ; transform : translateY ( 4 px ) ; }
tabgrid > tabgridchild { transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
tabgrid > tabgridchild . card { outline : 0 solid transparent ; outline-offset : 4 px ; }
tabgrid > tabgridchild : focus : focus-visible . card { outline-color : #769830 ; outline-width : 2 px ; outline-offset : 0 ; }
tabthumbnail { border-radius : 11 px ; transition : box-shadow 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) , background-color cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
tabthumbnail > box { margin : 6 px ; }
tabthumbnail : drop ( active ) { box-shadow : inset 0 0 0 2 px alpha ( #33d17a , 0.4 ) ; background-color : alpha ( #33d17a , 0.1 ) ; }
tabthumbnail . needs-attention : dir ( ltr ) { transform : translate ( 8 px , -8 px ) ; }
tabthumbnail . needs-attention : dir ( rtl ) { transform : translate ( -8 px , -8 px ) ; }
tabthumbnail . needs-attention > widget { background : #769830 ; min-width : 12 px ; min-height : 12 px ; border-radius : 8 px ; margin : 3 px ; box-shadow : 0 1 px 2 px alpha ( #769830 , 0.4 ) ; }
tabthumbnail . card { background : none ; color : inherit ; }
tabthumbnail . card picture { outline : 1 px solid rgba ( 0 , 0 , 0 , 0.75 ) ; outline-offset : -1 px ; border-radius : 7 px ; }
tabthumbnail . pinned . card { background-color : #383838 ; color : white ; }
tabthumbnail . icon-title-box { border-spacing : 6 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
tabthumbnail . tab-unpin-icon { margin : 6 px ; min-width : 24 px ; min-height : 24 px ; }
2023-04-05 20:40:25 +02:00
2023-06-01 12:02:47 +02:00
tabthumbnail button . circular { margin : 6 px ; background-color : alpha ( #383838 , 0.75 ) ; min-width : 24 px ; min-height : 24 px ; }
2023-04-05 20:40:25 +02:00
2023-06-01 12:02:47 +02:00
tabthumbnail button . circular : hover { background-color : alpha ( mix ( #383838 , currentColor , 0.1 ) , 0.75 ) ; }
2023-04-05 20:40:25 +02:00
2023-06-01 12:02:47 +02:00
tabthumbnail button . circular : active { background-color : alpha ( mix ( #383838 , currentColor , 0.2 ) , 0.75 ) ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
taboverview > . overview . new-tab-button { margin : 18 px ; }
2023-04-03 12:17:36 +02:00
2023-06-01 12:02:47 +02:00
tabview : drop ( active ) , tabbox : drop ( active ) , tabgrid : drop ( active ) { box-shadow : none ; }
2023-04-03 12:17:36 +02:00
/************** Scrollbars * */
2024-01-26 12:40:34 +01:00
scrollbar { background-color : #393838 ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; opacity : 0.5 ; }
2023-05-31 20:13:01 +02:00
2023-04-03 12:17:36 +02:00
scrollbar . top { border-bottom : 1 px solid #595757 ; }
scrollbar . bottom { border-top : 1 px solid #595757 ; }
scrollbar . left { border-right : 1 px solid #595757 ; }
scrollbar . right { border-left : 1 px solid #595757 ; }
2023-05-31 20:13:01 +02:00
scrollbar > range > trough { outline-style : none ; }
2024-01-26 12:40:34 +01:00
scrollbar > range > trough , scrollbar > range > trough : hover { margin : 2 px ; }
2023-05-31 20:13:01 +02:00
scrollbar > range > trough > slider { padding : 0 ; min-width : 10 px ; min-height : 10 px ; margin : 0 px ; border-radius : 9999 px ; background-clip : padding-box ; background-color : #585858 ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; outline-style : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrollbar > range > trough > slider : hover { background-color : #677844 ; color : #a1a1a1 ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrollbar > range > trough > slider : hover : active , scrollbar > range > trough > slider : active { background-color : #94bf3c ; color : #828282 ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
2023-04-03 12:17:36 +02:00
scrollbar > range > trough > slider : disabled { background-color : transparent ; }
scrollbar > range . fine-tune > trough > slider , scrollbar > range . fine-tune > trough > slider : hover , scrollbar > range . fine-tune > trough > slider : active { background-color : #203d79 ; }
scrollbar . horizontal > range > trough > slider { min-width : 40 px ; }
scrollbar . vertical > range > trough > slider { min-height : 40 px ; }
treeview ~ scrollbar . vertical { border-top : 1 px solid #595757 ; margin-top : -1 px ; }
/********** Switch * */
2023-04-14 16:21:05 +02:00
switch { font-weight : bold ; font-size : smaller ; border : 1 px solid #595757 ; border-radius : 14 px ; color : #EDF0F5 ; background-color : #4c4b4b ; transition : outline-width 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) , outline-offset 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; /* only show i / o for the accessible theme */ }
2023-04-03 12:17:36 +02:00
headerbar switch { background-color : #373737 ; }
2023-04-14 16:21:05 +02:00
switch : checked { color : #ffffff ; background-color : #61723e ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
switch : disabled { color : #7b7b7b ; border-color : #595757 ; background-color : #494949 ; text-shadow : none ; }
2023-04-03 12:17:36 +02:00
2024-01-26 12:40:34 +01:00
switch > slider { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; margin : -1 px ; min-width : 24 px ; min-height : 24 px ; border : 1 px solid transparent ; border-radius : 50 % ; }
2023-04-03 12:17:36 +02:00
switch > image { color : transparent ; }
2023-04-14 16:21:05 +02:00
switch : hover > slider , switch : hover : checked > slider { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
switch : checked > slider { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
switch : disabled > slider { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
row : selected switch { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; }
/************************* Check and Radio items * */
2023-04-14 16:21:05 +02:00
. view . content-view . check : not ( list ) , iconview . content-view . check : not ( list ) , . content-view . tile check : not ( list ) { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : transparent ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : hover : not ( list ) , iconview . content-view . check : hover : not ( list ) , . content-view . tile check : hover : not ( list ) { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : transparent ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : active : not ( list ) , iconview . content-view . check : active : not ( list ) , . content-view . tile check : active : not ( list ) { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : transparent ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : backdrop : not ( list ) , iconview . content-view . check : backdrop : not ( list ) , . content-view . tile check : backdrop : not ( list ) { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : transparent ; background-color : #646464 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : checked : not ( list ) , iconview . content-view . check : checked : not ( list ) , . content-view . tile check : checked : not ( list ) { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : #66cbec ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : checked : hover : not ( list ) , iconview . content-view . check : checked : hover : not ( list ) , . content-view . tile check : checked : hover : not ( list ) { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : #66cbec ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : checked : active : not ( list ) , iconview . content-view . check : checked : active : not ( list ) , . content-view . tile check : checked : active : not ( list ) { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : #66cbec ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : backdrop : checked : not ( list ) , iconview . content-view . check : backdrop : checked : not ( list ) , . content-view . tile check : backdrop : checked : not ( list ) { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : rgba ( 102 , 203 , 236 , 0.8 ) ; background-color : #646464 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
checkbutton { border-spacing : 4 px ; border-radius : 3 px ; transition : outline-width 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) , outline-offset 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
checkbutton { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-14 16:21:05 +02:00
checkbutton : focus : focus-visible { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
checkbutton . text-button { padding : 4 px ; }
check , radio { min-height : 14 px ; min-width : 14 px ; border : 1 px solid ; - gtk-icon-source : none ; }
2023-04-14 16:21:05 +02:00
check , radio { background-clip : padding-box ; background-image : linear-gradient ( to bottom , #656565 20 % , #585858 90 % ) ; border-color : #ffffff ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : hover , radio : hover { background-image : linear-gradient ( to bottom , #6f6f6f 10 % , #626262 90 % ) ; box-shadow : 0 0 0 1 px currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : active , radio : active { box-shadow : inset 0 1 px black ; background-image : image ( #4b4b4b ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : disabled , radio : disabled { box-shadow : none ; color : #7b7b7b ; background-image : image ( #494949 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked , radio : checked { background-clip : border-box ; background-image : linear-gradient ( to bottom , #85ab36 20 % , #769830 90 % ) ; border-color : #ffffff ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked : hover , radio : checked : hover { background-image : linear-gradient ( to bottom , #91bb3b 10 % , #82a835 90 % ) ; box-shadow : 0 0 0 1 px currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked : active , radio : checked : active { box-shadow : inset 0 1 px black ; background-image : image ( #67852a ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked : disabled , radio : checked : disabled { box-shadow : none ; color : #7b7b7b ; background-image : image ( #494949 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate , radio : indeterminate { background-clip : border-box ; background-image : linear-gradient ( to bottom , #85ab36 20 % , #769830 90 % ) ; border-color : #ffffff ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate : hover , radio : indeterminate : hover { background-image : linear-gradient ( to bottom , #91bb3b 10 % , #82a835 90 % ) ; box-shadow : 0 0 0 1 px currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate : active , radio : indeterminate : active { box-shadow : inset 0 1 px black ; background-image : image ( #67852a ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate : disabled , radio : indeterminate : disabled { box-shadow : none ; color : #7b7b7b ; background-image : image ( #494949 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : disabled , radio : disabled { color : #7b7b7b ; border-color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
. osd check : active , . osd radio : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
. osd check : disabled , . osd radio : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-04-03 12:17:36 +02:00
check { border-radius : 3 px ; - gtk-icon-size : 14 px ; }
check : checked { - gtk-icon-source : - gtk-scaled ( - gtk-recolor ( url ( "assets/check-symbolic.symbolic.png" ) ) , - gtk-recolor ( url ( "assets/check@2-symbolic.symbolic.png" ) ) ) ; }
check : indeterminate { - gtk-icon-source : - gtk-scaled ( - gtk-recolor ( url ( "assets/dash-symbolic.symbolic.png" ) ) , - gtk-recolor ( url ( "assets/dash@2-symbolic.symbolic.png" ) ) ) ; }
treeview . view radio : selected : selected , radio { border-radius : 100 % ; - gtk-icon-size : 14 px ; }
treeview . view radio : checked : selected , radio : checked { - gtk-icon-source : - gtk-scaled ( - gtk-recolor ( url ( "assets/bullet-symbolic.symbolic.png" ) ) , - gtk-recolor ( url ( "assets/bullet@2-symbolic.symbolic.png" ) ) ) ; }
treeview . view radio : indeterminate : selected , radio : indeterminate { - gtk-icon-source : - gtk-scaled ( - gtk-recolor ( url ( "assets/dash-symbolic.symbolic.png" ) ) , - gtk-recolor ( url ( "assets/dash@2-symbolic.symbolic.png" ) ) ) ; }
2023-04-14 16:21:05 +02:00
treeview . view check : selected : focus , treeview . view check : selected , treeview . view radio : selected : focus , treeview . view radio : selected { color : #ffffff ; }
2023-04-03 12:17:36 +02:00
/************ GtkScale * */
progressbar > trough , scale > trough > fill , scale > trough { border : 1 px solid #595757 ; border-radius : 3 px ; background-color : #4c4b4b ; }
headerbar progressbar > trough , headerbar scale > trough > fill , headerbar scale > trough { background-color : #373737 ; }
2023-04-14 16:21:05 +02:00
progressbar > trough : disabled , scale > trough > fill : disabled , scale > trough : disabled { background-color : #494949 ; border-color : #535353 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row : selected progressbar > trough , row : selected scale > trough > fill , row : selected scale > trough { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; border-color : #1c240b ; }
2023-04-03 12:17:36 +02:00
. osd progressbar > trough , . osd scale > trough > fill , . osd scale > trough { border-color : #66cbec ; background-color : rgba ( 102 , 203 , 236 , 0.3 ) ; }
. osd progressbar > trough : disabled , . osd scale > trough > fill : disabled , . osd scale > trough : disabled { background-color : rgba ( 39 , 75 , 133 , 0.5 ) ; }
2023-04-14 16:21:05 +02:00
progressbar > trough > progress , scale > trough > highlight { border : 1 px solid #85ab36 ; border-radius : 3 px ; background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
progressbar > trough > progress : disabled , scale > trough > highlight : disabled { background-color : #6c6c6c ; border-color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row : selected progressbar > trough > progress , row : selected scale > trough > highlight { border-color : #1c240b ; }
2023-04-03 12:17:36 +02:00
. osd progressbar > trough > progress , . osd scale > trough > highlight { border-color : #66cbec ; }
. osd progressbar > trough > progress : disabled , . osd scale > trough > highlight : disabled { border-color : transparent ; }
2023-04-05 17:34:04 +02:00
scale { min-height : 10 px ; min-width : 10 px ; padding : 12 px ; }
2023-04-03 12:17:36 +02:00
scale > trough { transition : outline-width 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) , outline-offset 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
scale > trough > fill , scale > trough > highlight { margin : -1 px ; }
scale . fine-tune > trough > slider , scale . fine-tune > trough > slider : active , scale . fine-tune > trough > slider : hover , scale . fine-tune > trough > slider : focus { background-color : #203d79 ; }
scale > trough > fill : disabled { border-color : transparent ; background-color : transparent ; }
. osd scale > trough > fill { background-color : #66cbec ; }
. osd scale > trough > fill : disabled { border-color : transparent ; background-color : transparent ; }
2023-04-14 16:21:05 +02:00
scale > trough > slider { min-height : 18 px ; min-width : 18 px ; margin : -9 px ; color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border-width : 1 px ; border-style : solid ; border-radius : 100 % ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scale > trough > slider : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
scale > trough > slider : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scale > trough > slider : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row : selected scale > trough > slider : disabled , row : selected scale > trough > slider { border-color : #1c240b ; }
2023-04-03 12:17:36 +02:00
. osd scale > trough > slider { border-color : #58c6ea ; background-color : #203d79 ; }
2023-04-14 16:21:05 +02:00
. osd scale > trough > slider : hover { border-color : currentColor ; background-color : #203d79 ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
. osd scale > trough > slider : active { background-size : 500 % 500 % ; transition : background-size 0 ; background-color : #203d79 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. osd scale > trough > slider : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; background-color : #203d79 ; }
2023-04-03 12:17:36 +02:00
scale > value { color : alpha ( currentColor , 0.55 ) ; font-feature-settings : "tnum" ; }
scale . horizontal > marks { color : alpha ( currentColor , 0.55 ) ; }
scale . horizontal > marks . top { margin-bottom : 6 px ; }
scale . horizontal > marks . bottom { margin-top : 6 px ; }
scale . horizontal > marks indicator { background-color : currentColor ; min-height : 6 px ; min-width : 1 px ; }
scale . horizontal > value . left { margin-right : 9 px ; }
scale . horizontal > value . right { margin-left : 9 px ; }
scale . horizontal . marks-after slider { border-radius : 5 px 5 px 100 % 100 % ; min-width : 10 px ; padding : 0 ; margin-right : 5 px ; margin-left : 5 px ; }
2023-04-05 17:34:04 +02:00
scale . horizontal . marks-before slider , scale . horizontal . color slider { border-radius : 100 % 100 % 5 px 5 px ; min-width : 10 px ; padding : 0 ; margin-right : 5 px ; margin-left : 5 px ; }
2023-04-03 12:17:36 +02:00
scale . vertical > marks { color : alpha ( currentColor , 0.55 ) ; }
scale . vertical > marks . top { margin-right : 6 px ; }
scale . vertical > marks . bottom { margin-left : 6 px ; }
scale . vertical > marks indicator { background-color : currentColor ; min-height : 1 px ; min-width : 6 px ; }
scale . vertical > value . top { margin-bottom : 9 px ; }
scale . vertical > value . bottom { margin-top : 9 px ; }
2023-04-05 17:34:04 +02:00
scale . vertical . marks-after slider , scale . vertical . color : dir ( ltr ) slider { border-radius : 5 px 100 % 100 % 5 px ; min-height : 10 px ; padding : 0 ; margin-top : 54 px ; margin-bottom : 5 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
scale . vertical . marks-before slider , scale . vertical . color : dir ( rtl ) slider { border-radius : 100 % 5 px 5 px 100 % ; min-height : 10 px ; padding : 0 ; margin-top : 5 px ; margin-bottom : 5 px ; }
2023-04-03 12:17:36 +02:00
scale . color { min-height : 0 ; min-width : 0 ; }
scale . color > trough { background-image : image ( #595757 ) ; background-repeat : no-repeat ; }
scale . color . horizontal { padding : 0 0 15 px 0 ; }
scale . color . horizontal > trough { padding-bottom : 4 px ; background-position : 0 -3 px ; border-top-left-radius : 0 ; border-top-right-radius : 0 ; }
scale . color . horizontal > trough > slider : dir ( ltr ) : hover , scale . color . horizontal > trough > slider : dir ( ltr ) : backdrop , scale . color . horizontal > trough > slider : dir ( ltr ) : disabled , scale . color . horizontal > trough > slider : dir ( ltr ) : backdrop : disabled , scale . color . horizontal > trough > slider : dir ( ltr ) , scale . color . horizontal > trough > slider : dir ( rtl ) : hover , scale . color . horizontal > trough > slider : dir ( rtl ) : backdrop , scale . color . horizontal > trough > slider : dir ( rtl ) : disabled , scale . color . horizontal > trough > slider : dir ( rtl ) : backdrop : disabled , scale . color . horizontal > trough > slider : dir ( rtl ) { margin-bottom : -15 px ; margin-top : 6 px ; }
scale . color . vertical : dir ( ltr ) { padding : 0 0 0 15 px ; }
scale . color . vertical : dir ( ltr ) > trough { padding-left : 4 px ; background-position : 3 px 0 ; border-bottom-right-radius : 0 ; border-top-right-radius : 0 ; }
scale . color . vertical : dir ( ltr ) > trough > slider : hover , scale . color . vertical : dir ( ltr ) > trough > slider : backdrop , scale . color . vertical : dir ( ltr ) > trough > slider : disabled , scale . color . vertical : dir ( ltr ) > trough > slider : backdrop : disabled , scale . color . vertical : dir ( ltr ) > trough > slider { margin-left : -15 px ; margin-right : 6 px ; }
scale . color . vertical : dir ( rtl ) { padding : 0 15 px 0 0 ; }
scale . color . vertical : dir ( rtl ) > trough { padding-right : 4 px ; background-position : -3 px 0 ; border-bottom-left-radius : 0 ; border-top-left-radius : 0 ; }
scale . color . vertical : dir ( rtl ) > trough > slider : hover , scale . color . vertical : dir ( rtl ) > trough > slider : backdrop , scale . color . vertical : dir ( rtl ) > trough > slider : disabled , scale . color . vertical : dir ( rtl ) > trough > slider : backdrop : disabled , scale . color . vertical : dir ( rtl ) > trough > slider { margin-right : -15 px ; margin-left : 6 px ; }
/***************** Progress bars * */
progressbar { font-size : smaller ; color : rgba ( 237 , 240 , 245 , 0.4 ) ; font-feature-settings : "tnum" ; }
progressbar . horizontal > trough { min-width : 150 px ; }
progressbar . horizontal > trough , progressbar . horizontal > trough > progress { min-height : 5 px ; }
progressbar . vertical > trough { min-height : 80 px ; }
progressbar . vertical > trough , progressbar . vertical > trough > progress { min-width : 5 px ; }
progressbar . horizontal > trough > progress { margin : 0 -1 px ; }
progressbar . vertical > trough > progress { margin : -1 px 0 ; }
progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius : 1.5 px ; }
2023-04-14 16:21:05 +02:00
progressbar > trough > progress : disabled { background-color : #7b7b7b ; border-color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
progressbar > trough > progress . left { border-top-left-radius : 5 px ; border-bottom-left-radius : 5 px ; }
progressbar > trough > progress . right { border-top-right-radius : 5 px ; border-bottom-right-radius : 5 px ; }
progressbar > trough > progress . top { border-top-right-radius : 5 px ; border-top-left-radius : 5 px ; }
progressbar > trough > progress . bottom { border-bottom-right-radius : 5 px ; border-bottom-left-radius : 5 px ; }
progressbar . osd { min-width : 3 px ; min-height : 3 px ; background-color : transparent ; }
progressbar . osd > trough { border-style : none ; border-radius : 0 ; background-color : transparent ; box-shadow : none ; }
progressbar . osd > trough > progress { border-style : none ; border-radius : 0 ; }
progressbar > trough . empty > progress { all : unset ; }
/************* Level Bar * */
/************* Level Bar * */
levelbar . horizontal trough > block { min-height : 9 px ; border-radius : 5 px ; }
levelbar . horizontal trough > block : dir ( rtl ) { border-radius : 0 5 px 5 px 0 ; }
levelbar . horizontal trough > block : dir ( ltr ) { border-radius : 5 px 0 0 5 px ; }
levelbar . horizontal trough > block . empty , levelbar . horizontal trough > block . full { border-radius : 5 px ; }
levelbar . horizontal . discrete trough > block { min-height : 2 px ; margin : 1 px ; min-width : 24 px ; border-radius : 0 ; }
levelbar . horizontal . discrete trough > block : first-child { border-radius : 2 px 0 0 2 px ; }
levelbar . horizontal . discrete trough > block : last-child { border-radius : 0 2 px 2 px 0 ; }
levelbar . vertical trough > block { min-width : 9 px ; border-radius : 5 px ; }
levelbar . vertical . discrete > trough > block { min-width : 2 px ; margin : 1 px 0 ; min-height : 32 px ; }
2023-04-14 16:21:05 +02:00
levelbar > trough { padding : 1 px ; color : #EDF0F5 ; border-color : #575859 ; background-color : #323232 ; box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 0 0 transparent ; border-radius : 5 px ; }
2023-04-03 12:17:36 +02:00
levelbar > trough : backdrop { color : #c8cbcf ; border-color : #545252 ; background-color : #353535 ; }
levelbar > trough > block { border : 1 px solid ; }
levelbar > trough > block . low { border-color : #f57900 ; background-color : #f57900 ; }
2023-04-14 16:21:05 +02:00
levelbar > trough > block . high , levelbar > trough > block : not ( . empty ) { border-color : #85ab36 ; background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
levelbar > trough > block . full { border-color : #33d17a ; background-color : #33d17a ; }
2023-04-05 17:34:04 +02:00
levelbar > trough > block . empty { background-color : #252525 ; border-color : #191919 ; }
2023-04-03 12:17:36 +02:00
/**************** Print dialog * */
window . dialog . print drawing { color : #EDF0F5 ; background : none ; border : none ; padding : 0 ; }
window . dialog . print drawing paper { background : white ; color : #2e3436 ; border : 1 px solid #595757 ; }
window . dialog . print . dialog-action-box { margin : 12 px ; }
/********** Frames * */
frame , . frame { border : 1 px solid #595757 ; }
frame { border-radius : 6 px ; }
frame > label { margin : 4 px ; }
actionbar > revealer > box { padding : 6 px ; border-top : 1 px solid #595757 ; }
actionbar > revealer > box , actionbar > revealer > box > box . start , actionbar > revealer > box > box . end { border-spacing : 6 px ; }
2023-04-04 10:12:07 +02:00
scrolledwindow > . view : dir ( ltr ) , scrolledwindow > iconview : dir ( ltr ) { padding-right : 1 em ; }
scrolledwindow > . view : dir ( rtl ) , scrolledwindow > iconview : dir ( rtl ) { padding-left : 1 em ; }
2023-04-14 16:21:05 +02:00
scrolledwindow > overshoot . top { background-image : radial-gradient ( farthest - side at top , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) , radial-gradient ( farthest - side at top , rgba ( 118 , 152 , 48 , 0.07 ) , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 100 % 3 % , 100 % 50 % ; background-repeat : no-repeat ; background-position : top ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow > overshoot . bottom { background-image : radial-gradient ( farthest - side at bottom , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) , radial-gradient ( farthest - side at bottom , rgba ( 118 , 152 , 48 , 0.07 ) , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 100 % 3 % , 100 % 50 % ; background-repeat : no-repeat ; background-position : bottom ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow > overshoot . left { background-image : radial-gradient ( farthest - side at left , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) , radial-gradient ( farthest - side at left , rgba ( 118 , 152 , 48 , 0.07 ) , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 3 % 100 % , 50 % 100 % ; background-repeat : no-repeat ; background-position : left ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow > overshoot . right { background-image : radial-gradient ( farthest - side at right , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) , radial-gradient ( farthest - side at right , rgba ( 118 , 152 , 48 , 0.07 ) , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 3 % 100 % , 50 % 100 % ; background-repeat : no-repeat ; background-position : right ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
scrolledwindow > junction { background : #595757 , linear-gradient ( to bottom , transparent 1 px , #393838 1 px ) , linear-gradient ( to right , transparent 1 px , #393838 1 px ) ; }
scrolledwindow > junction : dir ( rtl ) { background : #595757 , linear-gradient ( to bottom , transparent 1 px , #393838 1 px ) , linear-gradient ( to left , transparent 1 px , #393838 1 px ) ; }
separator { background : rgba ( 255 , 255 , 255 , 0.1 ) ; min-width : 1 px ; min-height : 1 px ; }
/********* Lists * */
listview , list { color : #EDF0F5 ; background-color : #323232 ; border-color : #595757 ; }
listview > row , list > row { padding : 2 px ; }
listview > row . expander , list > row . expander { padding : 0 px ; }
listview > row . expander . row-header , list > row . expander . row-header { padding : 2 px ; }
listview . horizontal row . separator , listview . separators . horizontal > row : not ( . separator ) , list . horizontal row . separator , list . separators . horizontal > row : not ( . separator ) { border-left : 1 px solid #575859 ; }
listview : not ( . horizontal ) row . separator , listview . separators : not ( . horizontal ) > row : not ( . separator ) , list : not ( . horizontal ) row . separator , list . separators : not ( . horizontal ) > row : not ( . separator ) { border-bottom : 1 px solid #575859 ; }
2023-04-04 10:12:07 +02:00
row { transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; border : 1 px solid transparent ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
. nested > row { background-color : rgba ( 255 , 255 , 255 , 0.1 ) ; }
row . activatable : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
row . activatable : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
row . activatable : selected , row . activatable . has-open-popup { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
row . activatable : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2024-02-01 15:54:56 +01:00
button row . activatable , button row . activatable : hover , button row . activatable : active , button row . activatable : selected , button row . activatable . has-open-popup { background-image : none ; background-color : transparent ; box-shadow : none ; border-color : transparent ; }
2023-04-05 17:34:04 +02:00
2023-04-03 12:17:36 +02:00
columnview > listview > row { padding : 0 ; }
columnview > listview > row > cell { padding : 8 px 6 px ; }
columnview > listview > row > cell : not ( : first-child ) { border-left : 1 px solid transparent ; }
columnview . column-separators > listview > row > cell { border-left-color : #575859 ; }
columnview . data-table > listview > row > cell { padding-top : 2 px ; padding-bottom : 2 px ; }
treeexpander { border-spacing : 4 px ; }
/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
2023-04-14 16:21:05 +02:00
columnview row : not ( : selected ) cell editablelabel : not ( . editing ) : focus-within { outline : 2 px solid #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
columnview row : not ( : selected ) cell editablelabel . editing : focus-within { outline : 2 px solid #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
columnview row : not ( : selected ) cell editablelabel . editing text selection { background-color : rgba ( 101 , 102 , 98 , 0.7 ) ; color : transparent ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
columnview row : not ( : selected ) cell editablelabel . editing text selection : focus-within { background-color : rgba ( 118 , 152 , 48 , 0.3 ) ; color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
. rich-list { /* rich lists usually containing other widgets than just labels/text */ }
. rich-list > row { padding : 8 px 12 px ; min-height : 32 px ; /* should be tall even when only containing a label */ }
. rich-list > row > box { border-spacing : 12 px ; }
/********************* App Notifications * */
. app-notification { padding : 10 px ; border-spacing : 10 px ; border-radius : 0 0 5 px 5 px ; background-color : rgba ( 32 , 61 , 121 , 0.7 ) ; background-image : linear-gradient ( to bottom , rgba ( 0 , 0 , 0 , 0.2 ) , transparent 2 px ) ; background-clip : padding-box ; }
. app-notification border { border : none ; }
/************* Expanders * */
expander { min-width : 16 px ; min-height : 16 px ; - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; }
expander : dir ( rtl ) { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic-rtl" ) ; }
2023-04-14 16:21:05 +02:00
expander : disabled { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
expander : checked { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
expander-widget { transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
expander-widget > box > title { outline : 0 solid transparent ; outline-offset : 4 px ; }
2023-04-14 16:21:05 +02:00
expander-widget : focus : focus-visible > box > title { outline-color : #769830 ; outline-width : 2 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
expander-widget > box > title { transition : outline-width 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) , outline-offset 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; border-radius : 3 px ; }
expander-widget > box > title : hover > expander { color : white ; }
. navigation-sidebar : not ( decoration ) : not ( window ) : drop ( active ) : focus , . navigation-sidebar : not ( decoration ) : not ( window ) : drop ( active ) , placessidebar : not ( decoration ) : not ( window ) : drop ( active ) : focus , placessidebar : not ( decoration ) : not ( window ) : drop ( active ) , stackswitcher : not ( decoration ) : not ( window ) : drop ( active ) : focus , stackswitcher : not ( decoration ) : not ( window ) : drop ( active ) , expander-widget : not ( decoration ) : not ( window ) : drop ( active ) : focus , expander-widget : not ( decoration ) : not ( window ) : drop ( active ) { box-shadow : none ; }
/************ Calendar * */
calendar { color : #EDF0F5 ; border : 1 px solid #595757 ; font-feature-settings : "tnum" ; }
calendar > header { border-bottom : 1 px solid #595757 ; }
calendar > header > button { border : none ; box-shadow : none ; background : none ; border-radius : 0 ; }
calendar > header > button : backdrop { background : none ; }
calendar > grid > label . today { box-shadow : inset 0 px -2 px #595757 ; }
calendar > grid > label . today : selected { box-shadow : none ; }
2023-04-14 16:21:05 +02:00
calendar > grid > label : focus { outline-color : #769830 ; outline-offset : -2 px ; outline-width : 2 px ; outline-style : solid ; }
2023-04-03 12:17:36 +02:00
calendar > grid > label . day-number { padding : 4 px ; }
calendar > grid > label . day-number : selected { border-radius : 3 px ; }
calendar > grid > label . day-number . other-month { color : alpha ( currentColor , 0.3 ) ; }
/*********** Dialogs * */
window . dialog . message . titlebar { min-height : 20 px ; background-image : none ; background-color : #3f3e3e ; border-style : none ; border-top-left-radius : 7 px ; border-top-right-radius : 7 px ; }
window . dialog . message box . dialog-vbox . vertical { border-spacing : 10 px ; }
window . dialog . message label . title { font-weight : 800 ; font-size : 15 pt ; }
window . dialog . message . csd . background { border-bottom-left-radius : 7 px ; border-bottom-right-radius : 7 px ; }
window . dialog . message . csd . dialog-action-area button { padding : 10 px 14 px ; border-radius : 0 ; border-left-style : solid ; border-right-style : none ; border-bottom-style : none ; }
window . dialog . message . csd . dialog-action-area button : first-child { border-left-style : none ; border-bottom-left-radius : 7 px ; }
window . dialog . message . csd . dialog-action-area button : last-child { border-bottom-right-radius : 7 px ; }
filechooser . dialog-action-box { border-top : 1 px solid #595757 ; }
filechooser # pathbarbox { border-bottom : 1 px solid #3f3e3e ; }
filechooserbutton > button > box { border-spacing : 6 px ; }
filechooserbutton : drop ( active ) { box-shadow : none ; border-color : transparent ; }
/*********** Sidebar * */
. sidebar { background-color : #393838 ; }
. sidebar : not ( separator ) : dir ( ltr ) , . sidebar : not ( separator ) . left , . sidebar : not ( separator ) . left : dir ( rtl ) { border-right : 1 px solid #595757 ; border-left-style : none ; }
. sidebar : not ( separator ) : dir ( rtl ) , . sidebar : not ( separator ) . right { border-left : 1 px solid #595757 ; border-right-style : none ; }
. sidebar listview . view , . sidebar list { background-color : transparent ; }
paned . sidebar . left , paned . sidebar . right , paned . sidebar . left : dir ( rtl ) , paned . sidebar : dir ( rtl ) , paned . sidebar : dir ( ltr ) , paned . sidebar { border-style : none ; }
stacksidebar list . separators : not ( . horizontal ) > row : not ( . separator ) { border-bottom : none ; }
2023-04-04 10:12:07 +02:00
stacksidebar row { padding : 10 px 4 px ; }
2023-04-03 12:17:36 +02:00
stacksidebar row > label { padding-left : 6 px ; padding-right : 6 px ; }
stacksidebar row . needs-attention > label { background-size : 6 px 6 px , 0 0 ; }
separator . sidebar { background-color : #595757 ; }
/********************** Navigation Sidebar * */
. navigation-sidebar { padding : 5 px 0 ; }
. navigation-sidebar > separator { margin : 5 px ; }
2023-04-04 10:12:07 +02:00
. navigation-sidebar > row { min-height : 36 px ; padding : 0 8 px ; border-radius : 5 px ; margin : 0 5 px 2 px ; }
2023-04-03 12:17:36 +02:00
/**************** File chooser * */
row image . sidebar-icon { opacity : 1 ; }
/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
placessidebar . navigation-sidebar > row { padding : 0 ; }
placessidebar . navigation-sidebar > row > revealer { padding : 0 14 px ; }
placessidebar . navigation-sidebar > row image . sidebar-icon : dir ( ltr ) { padding-right : 8 px ; }
placessidebar . navigation-sidebar > row image . sidebar-icon : dir ( rtl ) { padding-left : 8 px ; }
placessidebar . navigation-sidebar > row label . sidebar-label : dir ( ltr ) { padding-right : 2 px ; }
placessidebar . navigation-sidebar > row label . sidebar-label : dir ( rtl ) { padding-left : 2 px ; }
button . sidebar-button { min-height : 26 px ; min-width : 26 px ; margin-top : 3 px ; margin-bottom : 3 px ; padding : 0 ; border-radius : 100 % ; }
placessidebar . navigation-sidebar > row : selected : active { box-shadow : none ; }
placessidebar . navigation-sidebar > row . sidebar-placeholder-row { padding : 0 8 px ; min-height : 2 px ; background-image : image ( #33d17a ) ; background-clip : content-box ; }
2023-04-14 16:21:05 +02:00
placessidebar . navigation-sidebar > row . sidebar-new-bookmark-row { color : #769830 ; }
2023-04-03 12:17:36 +02:00
placessidebar . navigation-sidebar > row : drop ( active ) : not ( : disabled ) { color : #33d17a ; box-shadow : inset 0 1 px #33d17a , inset 0 -1 px #33d17a ; }
2023-04-14 16:21:05 +02:00
placessidebar . navigation-sidebar > row : drop ( active ) : not ( : disabled ) : selected { color : #ffffff ; background-color : #33d17a ; }
2023-04-03 12:17:36 +02:00
placesview . server-list-button > image { transition : 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; - gtk-icon-transform : rotate ( 0 turn ) ; }
placesview . server-list-button : checked > image { transition : 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; - gtk-icon-transform : rotate ( -0.5 turn ) ; }
placesview > actionbar > revealer > box > box { border-spacing : 6 px ; }
/********* Paned * */
paned > separator { min-width : 0.5 rem ; min-height : 0.5 rem ; border : none ; background-color : #595757 ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; background-size : 0.5 rem ; }
2023-04-14 16:21:05 +02:00
paned > separator : hover { box-shadow : inset 0 0 0 1 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
paned > separator : selected { background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
paned > separator . wide { min-width : 5 px ; min-height : 5 px ; }
paned . vertical > separator . wide { margin : 0 ; padding : 0 ; }
/************** GtkVideo * */
video { background : black ; }
video image . osd { min-width : 64 px ; min-height : 64 px ; border-radius : 32 px ; }
/************ Tooltips * */
tooltip { padding : 6 px 10 px ; border-radius : 6 px ; }
tooltip . background { background-color : rgba ( 32 , 61 , 121 , 0.9 ) ; background-clip : padding-box ; border : 1 px solid #66cbec ; color : #66cbec ; }
tooltip > box { border-spacing : 6 px ; }
/***************** Color Chooser * */
colorswatch { transition : outline-width 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) , outline-offset 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
colorswatch { outline : 0 solid transparent ; outline-offset : 6 px ; }
2023-04-14 16:21:05 +02:00
colorswatch : focus : focus-visible { outline-color : #769830 ; outline-width : 4 px ; outline-offset : -2 px ; }
2023-04-03 12:17:36 +02:00
colorswatch : drop ( active ) , colorswatch { border-style : none ; }
colorswatch . top { border-top-left-radius : 5.5 px ; border-top-right-radius : 5.5 px ; }
colorswatch . top > overlay { border-top-left-radius : 5 px ; border-top-right-radius : 5 px ; }
colorswatch . bottom { border-bottom-left-radius : 5.5 px ; border-bottom-right-radius : 5.5 px ; }
colorswatch . bottom > overlay { border-bottom-left-radius : 5 px ; border-bottom-right-radius : 5 px ; }
colorswatch . left , colorswatch : first-child : not ( . top ) { border-top-left-radius : 5.5 px ; border-bottom-left-radius : 5.5 px ; }
colorswatch . left > overlay , colorswatch : first-child : not ( . top ) > overlay { border-top-left-radius : 5 px ; border-bottom-left-radius : 5 px ; }
colorswatch . right , colorswatch : last-child : not ( . bottom ) { border-top-right-radius : 5.5 px ; border-bottom-right-radius : 5.5 px ; }
colorswatch . right > overlay , colorswatch : last-child : not ( . bottom ) > overlay { border-top-right-radius : 5 px ; border-bottom-right-radius : 5 px ; }
colorswatch . dark > overlay { color : white ; }
colorswatch . light > overlay { color : black ; }
colorswatch : drop ( active ) { box-shadow : none ; }
colorswatch : drop ( active ) . light > overlay { border-color : #33d17a ; box-shadow : inset 0 0 0 2 px #595757 , inset 0 0 0 1 px #33d17a ; }
colorswatch : drop ( active ) . dark > overlay { border-color : #33d17a ; box-shadow : inset 0 0 0 2 px #595757 , inset 0 0 0 1 px #33d17a ; }
colorswatch > overlay { border : 1 px solid #595757 ; }
2023-04-14 16:21:05 +02:00
colorswatch . activatable : hover > overlay { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
colorswatch # add-color-button { border-radius : 5 px 0 0 5 px ; }
colorswatch # add-color-button : only-child { border-radius : 5 px ; }
2023-04-14 16:21:05 +02:00
colorswatch # add-color-button > overlay { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
colorswatch # add-color-button . activatable : hover > overlay { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
colorswatch : disabled { opacity : 0.5 ; background-color : #494949 ; color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row : selected colorswatch { box-shadow : 0 0 0 2 px #ffffff ; }
2023-04-03 12:17:36 +02:00
colorswatch # editor-color-sample { border-radius : 4 px ; }
colorswatch # editor-color-sample > overlay { border-radius : 4.5 px ; }
plane { transition : outline-width 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) , outline-offset 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
plane { outline : 0 solid transparent ; outline-offset : 6 px ; }
2023-04-14 16:21:05 +02:00
plane : focus : focus-visible { outline-color : #769830 ; outline-width : 2 px ; outline-offset : 2 px ; }
2023-04-03 12:17:36 +02:00
colorchooser . popover . osd { border-radius : 5 px ; }
/******** Misc * */
. content-view { background-color : #2d2c2c ; }
. content-view : hover { - gtk-icon-filter : brightness ( 1.2 ) ; }
. content-view . tile { margin : 2 px ; background-color : black ; border-radius : 0 ; padding : 0 ; }
2023-04-14 16:21:05 +02:00
. content-view . tile : active , . content-view . tile : selected { background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. content-view . tile : disabled { background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
/********************** Window Decorations * */
window { border-width : 0 px ; }
window . csd { box-shadow : 0 3 px 9 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) , 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) ; margin : 0 px ; border-radius : 6 px 6 px 0 0 ; }
window . csd : backdrop { box-shadow : 0 3 px 9 px 1 px transparent , 0 2 px 6 px 2 px rgba ( 0 , 0 , 0 , 0.2 ) , 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) ; transition : 200 ms ease-out ; }
window . csd . popup { border-radius : 5 px ; box-shadow : 0 1 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) , 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.65 ) ; }
window . csd . dialog . message { border-radius : 6 px ; box-shadow : 0 1 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) , 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.65 ) ; }
window . solid-csd { margin : 0 ; padding : 4 px ; border : solid 1 px #595757 ; border-radius : 0 ; box-shadow : inset 0 0 0 4 px #595757 , inset 0 0 0 3 px #373636 , inset 0 1 px rgba ( 237 , 240 , 245 , 0.07 ) , 0 3 px 5 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
window . solid-csd : backdrop { box-shadow : inset 0 0 0 4 px #595757 , inset 0 0 0 3 px #3f3e3e , inset 0 1 px rgba ( 237 , 240 , 245 , 0.07 ) , 0 3 px 5 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
window . maximized , window . fullscreen { border-radius : 0 ; box-shadow : none ; }
window . tiled , window . tiled-top , window . tiled-left , window . tiled-right , window . tiled-bottom { border-radius : 0 ; box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) , 0 2 px 6 px 2 px rgba ( 0 , 0 , 0 , 0.7 ) , 0 0 0 20 px transparent ; }
window . tiled : backdrop , window . tiled-top : backdrop , window . tiled-left : backdrop , window . tiled-right : backdrop , window . tiled-bottom : backdrop { box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) , 0 2 px 6 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) , 0 0 0 20 px transparent ; }
window . popup { box-shadow : none ; }
window . ssd { box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) ; }
tooltip . csd { border-radius : 5 px ; box-shadow : 0 3 px 4 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
. monospace { font-family : monospace ; }
/********************** Touch Copy & Paste * */
/********************** Touch Copy & Paste * */
2024-01-26 12:40:34 +01:00
cursor-handle { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border : 1 px solid #666464 ; border-radius : 100 % ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; transition-property : background , border , box-shadow ; min-height : 18 px ; min-width : 10 px ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
cursor-handle : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
cursor-handle : active { border-color : #85ab36 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
cursor-handle : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
cursor-handle . top : dir ( ltr ) , cursor-handle . bottom : dir ( rtl ) { border-radius : 100 % 5 px 5 px 5 px ; }
cursor-handle . bottom : dir ( ltr ) , cursor-handle . top : dir ( rtl ) { border-radius : 5 px 100 % 5 px 5 px ; }
shortcuts-section { margin : 20 px ; }
. shortcuts-search-results { margin : 20 px ; border-spacing : 24 px ; }
shortcut { border-spacing : 6 px ; }
shortcut > . keycap { min-width : 20 px ; min-height : 25 px ; margin-top : 2 px ; padding-bottom : 3 px ; padding-left : 6 px ; padding-right : 6 px ; color : #EDF0F5 ; background-color : #323232 ; border : 1 px solid ; border-color : #595757 ; border-radius : 5 px ; box-shadow : inset 0 -3 px #494848 ; font-size : smaller ; }
: not ( decoration ) : not ( window ) : drop ( active ) : focus , : not ( decoration ) : not ( window ) : drop ( active ) { border-color : #33d17a ; box-shadow : inset 0 0 0 1 px #33d17a ; caret-color : #33d17a ; }
stackswitcher > button . text-button { min-width : 100 px ; }
stackswitcher . circular { border-spacing : 12 px ; }
stackswitcher . circular > button . circular , stackswitcher . circular > button . text-button . circular { min-width : 32 px ; min-height : 32 px ; padding : 0 ; }
/************* App Icons * */
/* Outline for low res icons */
. lowres-icon { - gtk-icon-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.05 ) , 1 px 0 rgba ( 0 , 0 , 0 , 0.1 ) , 0 1 px rgba ( 0 , 0 , 0 , 0.3 ) , -1 px 0 rgba ( 0 , 0 , 0 , 0.1 ) ; }
/* Drapshadow for large icons */
. icon-dropshadow { - gtk-icon-shadow : 0 1 px 12 px rgba ( 0 , 0 , 0 , 0.05 ) , 0 -1 px rgba ( 0 , 0 , 0 , 0.05 ) , 1 px 0 rgba ( 0 , 0 , 0 , 0.1 ) , 0 1 px rgba ( 0 , 0 , 0 , 0.3 ) , -1 px 0 rgba ( 0 , 0 , 0 , 0.1 ) ; }
/********* Emoji * */
popover . emoji-picker > contents { padding : 0 ; }
. emoji-searchbar { padding : 6 px ; border-spacing : 6 px ; border-bottom : 1 px solid #595757 ; }
. emoji-toolbar { padding : 6 px ; border-spacing : 6 px ; border-top : 1 px solid #595757 ; }
button . emoji-section { border-color : transparent ; border-width : 3 px ; border-style : none none solid ; border-radius : 0 ; padding : 3 px 0 0 ; min-width : 32 px ; min-height : 28 px ; /* reset props inherited from the button style */ background : none ; box-shadow : none ; text-shadow : none ; }
button . emoji-section : hover { border-color : rgba ( 237 , 240 , 245 , 0.1 ) ; }
2023-04-14 16:21:05 +02:00
button . emoji-section : checked { border-color : #769830 ; }
2023-04-03 12:17:36 +02:00
popover . emoji-picker emoji { font-size : x-large ; padding : 6 px ; border-radius : 6 px ; }
2023-04-14 16:21:05 +02:00
popover . emoji-picker emoji : focus , popover . emoji-picker emoji : hover { background : #769830 ; }
2023-04-03 12:17:36 +02:00
emoji-completion-row > box { border-spacing : 10 px ; padding : 2 px 10 px ; }
2023-04-14 16:21:05 +02:00
emoji-completion-row : focus , emoji-completion-row : hover { background-color : #769830 ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
emoji-completion-row emoji : focus , emoji-completion-row emoji : hover { background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
popover . entry-completion > contents { padding : 0 ; }
statusbar { padding : 6 px 10 px 6 px 10 px ; }
menubutton > button > box { border-spacing : 6 px ; }
menubutton arrow { min-height : 16 px ; min-width : 16 px ; }
menubutton arrow . none { - gtk-icon-source : - gtk-icontheme ( "open-menu-symbolic" ) ; }
menubutton arrow . down { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
menubutton arrow . up { - gtk-icon-source : - gtk-icontheme ( "pan-up-symbolic" ) ; }
menubutton arrow . left { - gtk-icon-source : - gtk-icontheme ( "pan-start-symbolic" ) ; }
menubutton arrow . right { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; }
2024-01-26 12:40:34 +01:00
/********* Cards * */
. card { border : 1 px solid transparent ; transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
. card . activatable : hover { border-color : currentColor ; }
2024-02-01 15:54:56 +01:00
. card . activatable : active { background-size : 500 % 500 % ; transition : background-size 0 ; }
2024-01-26 12:40:34 +01:00
. card . activatable : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
undershoot { background-repeat : no-repeat ; background-clip : border-box ; background-image : image ( alpha ( #4384b3 , 0.3 ) ) ; }
undershoot . top { background-size : 100 % 0.5 em ; background-position : top ; }
undershoot . bottom { background-size : 100 % 0.5 em ; background-position : bottom ; }
undershoot . left { background-size : 0.5 em 100 % ; background-position : left ; }
undershoot . right { background-size : 0.5 em 100 % ; background-position : right ; }
2023-06-01 12:02:47 +02:00
stackswitcher , . stack-switcher , notebook > header , tabbar tabbox { border-radius : 9999 px ; box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-06-01 12:02:47 +02:00
headerbar stackswitcher , windowhandle stackswitcher , headerbar . stack-switcher , windowhandle . stack-switcher , headerbar notebook > header , headerbar tabbar tabbox , tabbar headerbar tabbox , windowhandle notebook > header , windowhandle tabbar tabbox , tabbar windowhandle tabbox { margin : 3 px 0 px ; }
2023-04-03 17:12:05 +02:00
2023-06-01 12:02:47 +02:00
headerbar stackswitcher > button , windowhandle stackswitcher > button , headerbar . stack-switcher > button , windowhandle . stack-switcher > button , headerbar notebook > header > button , headerbar tabbar tabbox > button , tabbar headerbar tabbox > button , windowhandle notebook > header > button , windowhandle tabbar tabbox > button , tabbar windowhandle tabbox > button { min-height : 19 px ; }
2023-04-03 12:17:36 +02:00
2024-01-03 20:38:54 +01:00
XfdesktopIconView . view { text-shadow : 0 0 2 px #323232 , 0 0 2 px #323232 , 0 0 2 px #323232 ; color : #EDF0F5 ; background-color : transparent ; }
XfdesktopIconView . view . rubberband { background-color : alpha ( #769830 , 0.5 ) ; }
XfdesktopIconView . view : active { text-shadow : none ; color : #ffffff ; background-color : alpha ( #769830 , 0.5 ) ; }
2024-01-26 12:40:34 +01:00
. nautilus-window . nautilus-list-view columnview , . nautilus-window . nautilus-list-view listview , . nautilus-window . nautilus-list-view cell { margin : 0 ; }
. nautilus-window . nautilus-list-view cell { padding : 0 ; }
. nautilus-window . nautilus-list-view row { margin : 0 ; }
2024-01-26 18:03:58 +01:00
. nautilus-window . floating-bar { background-color : rgba ( 32 , 61 , 121 , 0.7 ) ; color : #66cbec ; box-shadow : 0 0 0 1 px alpha ( #66cbec , 0.3 ) ; }
2024-01-26 17:53:12 +01:00
# NautilusPathBar { padding : 2 px ; border : 1 px solid alpha ( currentColor , 0.3 ) ; background-color : transparent ; }
2024-01-26 12:40:34 +01:00
# NautilusPathBar button , # NautilusPathBar menubutton { margin : 0 ; }
# NautilusPathBar > scrolledwindow { background-color : transparent ; }
# NautilusPathBar > scrolledwindow > viewport { padding : 2 px ; }
# NautilusPathBar > scrolledwindow > undershoot { border-radius : 0 ; box-shadow : none ; border : none ; }
headerbar { padding-top : 0 ; padding-bottom : 0 ; margin-top : 0 ; margin-bottom : 0 ; }
2024-02-01 15:13:16 +01:00
. top-bar { background-color : #768556 ; color : #ffffff ; }
. top-bar : backdrop { background-color : #3f3e3e ; color : #EDF0F5 ; transition : none ; }
. top-bar . collapse-spacing { padding : 0 ; }
. history-view { background-color : #323232 ; }
2024-01-26 12:40:34 +01:00
windowhandle > box { padding : 0 ; }
2023-04-03 12:17:36 +02:00
/* GTK NAMED COLORS ---------------- use responsibly! */
/ *
widget text / foreground color * /
@ define-color theme_fg_color # EDF0F5 ;
/ *
text color for entries , views and content in general * /
@ define-color theme_text_color # EDF0F5 ;
/ *
widget base background color * /
@ define-color theme_bg_color # 3f3e3e ;
/ *
text widgets and the like base background color * /
@ define-color theme_base_color # 323232 ;
/ *
base background color of selections * /
2023-04-14 16:21:05 +02:00
@ define-color theme_selected_bg_color # 769830 ;
2023-04-03 12:17:36 +02:00
/ *
text / foreground color of selections * /
2023-04-14 16:21:05 +02:00
@ define-color theme_selected_fg_color # ffffff ;
2023-04-03 12:17:36 +02:00
/ *
base background color of insensitive widgets * /
2023-04-14 16:21:05 +02:00
@ define-color insensitive_bg_color # 494949 ;
2023-04-03 12:17:36 +02:00
/ *
text foreground color of insensitive widgets * /
2023-04-14 16:21:05 +02:00
@ define-color insensitive_fg_color # 7b7b7b ;
2023-04-03 12:17:36 +02:00
/ *
insensitive text widgets and the like base background color * /
@ define-color insensitive_base_color # 323232 ;
/ *
widget text / foreground color on backdrop windows * /
@ define-color theme_unfocused_fg_color # 96979a ;
/ *
text color for entries , views and content in general on backdrop windows * /
@ define-color theme_unfocused_text_color # EDF0F5 ;
/ *
widget base background color on backdrop windows * /
@ define-color theme_unfocused_bg_color # 3f3e3e ;
/ *
text widgets and the like base background color on backdrop windows * /
@ define-color theme_unfocused_base_color # 353535 ;
/ *
base background color of selections on backdrop windows * /
2023-04-14 16:21:05 +02:00
@ define-color theme_unfocused_selected_bg_color # 769830 ;
2023-04-03 12:17:36 +02:00
/ *
text / foreground color of selections on backdrop windows * /
2023-04-14 16:21:05 +02:00
@ define-color theme_unfocused_selected_fg_color # ffffff ;
2023-04-03 12:17:36 +02:00
/ *
insensitive color on backdrop windows * /
@ define-color unfocused_insensitive_color # 666464 ;
/ *
widgets main borders color * /
@ define-color borders # 595757 ;
/ *
widgets main borders color on backdrop windows * /
@ define-color unfocused_borders # 545252 ;
/ *
these are pretty self explicative * /
@ define-color warning_color # f57900 ;
@ define-color error_color # CC0000 ;
@ define-color success_color # 33d17a ;
/ *
these colors are exported for the window manager and shouldn ' t be used in applications ,
read if you used those and something break with a version upgrade you ' re on your own . . . * /
2023-10-03 14:28:09 +02:00
@ define-color wm_title # ffffff ;
@ define-color wm_unfocused_title # 3f3e3e ;
2023-04-03 12:17:36 +02:00
@ define-color wm_highlight rgba ( 0 , 0 , 0 , 0 ) ;
@ define-color wm_borders_edge rgba ( 237 , 240 , 245 , 0 . 07 ) ;
2023-10-03 14:28:09 +02:00
@ define-color wm_bg_a shade ( # 373636 , 1 . 2 ) ;
@ define-color wm_bg_b # 373636 ;
@ define-color wm_bg # 373636 ;
@ define-color wm_unfocused_bg # 3f3e3e ;
2023-04-03 12:17:36 +02:00
@ define-color wm_shadow alpha ( black , 0 . 35 ) ;
@ define-color wm_border alpha ( black , 0 . 18 ) ;
@ define-color wm_button_hover_color_a shade ( # 3f3e3e , 1 . 3 ) ;
@ define-color wm_button_hover_color_b # 3f3e3e ;
@ define-color wm_button_active_color_a shade ( # 3f3e3e , 0 . 85 ) ;
@ define-color wm_button_active_color_b shade ( # 3f3e3e , 0 . 89 ) ;
@ define-color wm_button_active_color_c shade ( # 3f3e3e , 0 . 9 ) ;
/* content view background such as thumbnails view in Photos or Boxes */
@ define-color content_view_bg # 323232 ;
/* Very contrasty background for text views (@theme_text_color foreground) */
@ define-color text_view_bg # 232323 ;