2022-04-13 20:49: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 % ) ) ; * /
2022-04-19 20:26:42 +02:00
/*Usually an automatic fg color on these backgrounds should check this value!*/
2022-04-13 20:49:36 +02:00
/*************************** Check and Radio buttons * */
/*************************** Check and Radio buttons * */
2022-07-25 12:06:09 +02:00
calendar > grid > label . day-number : selected , row : selected , columnview . view : selected : focus , columnview . view : selected , treeview . view : selected : focus , treeview . view : selected , modelbutton . flat : 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 : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 , modelbutton . flat : 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 : #d1ff96 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 , modelbutton . flat : disabled : selected , gridview > child : disabled : selected , flowbox > flowboxchild : disabled : selected , . view : disabled : selected , iconview : disabled : selected , textview > text : disabled : selected { color : #9ccc4b ; }
2022-04-13 20:49:36 +02:00
/*************** Base States * */
2022-07-25 12:06:09 +02:00
. background { color : #EDF0F5 ; background-color : #3f3e3e ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
dnd { color : #EDF0F5 ; }
2022-04-13 20:49:36 +02:00
. normal-icons { - gtk-icon-size : 16 px ; }
. large-icons { - gtk-icon-size : 32 px ; }
image : disabled { - gtk-icon-filter : opacity ( 0.5 ) ; }
2022-07-25 12:06:09 +02:00
. view , iconview , textview > text { color : #EDF0F5 ; background-color : #323232 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. view : disabled , iconview : disabled , textview > text : disabled { color : #7c675a ; background-color : #493e37 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. view : selected : focus , iconview : selected : focus , . view : selected , iconview : selected , textview > text : selected : focus , textview > text : selected { border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
textview > text { background-color : transparent ; }
2022-07-25 12:06:09 +02:00
textview > text > selection { background-color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
textview > text > selection : focus-within { background-color : rgba ( 102 , 153 , 0 , 0.3 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
textview : drop ( active ) { caret-color : #33d17a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
textview > border { background-color : #393838 ; }
2022-04-13 20:49:36 +02:00
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 ; }
2022-07-25 12:06:09 +02:00
iconview : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
iconview : drop ( active ) { box-shadow : none ; }
2022-07-25 12:06:09 +02:00
iconview > dndtarget : drop ( active ) { border-style : solid ; border-width : 1 px ; border-color : black ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
rubberband , . content-view > rubberband , columnview . view > rubberband , treeview . view > rubberband , gridview > rubberband , flowbox > rubberband { border : 1 px solid #446600 ; background-color : rgba ( 68 , 102 , 0 , 0.2 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
flowbox > flowboxchild { padding : 3 px ; transition : none ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
flowbox > flowboxchild { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
flowbox > flowboxchild : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
flowbox > flowboxchild : selected { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
gridview > child { padding : 3 px ; transition : none ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
gridview > child { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
gridview > child : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
gridview > child : selected { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; }
2022-04-13 20:49:36 +02:00
gridview > child box { border-spacing : 8 px ; margin : 12 px ; }
2022-07-25 12:06:09 +02:00
coverflow cover { color : #EDF0F5 ; background-color : #323232 ; border : 1 px solid black ; }
2022-04-13 20:49:36 +02:00
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 ; }
2022-07-25 12:06:09 +02:00
label : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
label > selection { background-color : #669900 ; color : #d1ff96 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
label > selection : focus-within { background-color : rgba ( 102 , 153 , 0 , 0.3 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
label : disabled { color : #7c675a ; }
2022-04-13 20:49:36 +02:00
button label : disabled { color : inherit ; }
2022-07-25 12:06:09 +02:00
label . error { color : #CC0000 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
label . error : disabled { color : #7c665a ; }
2022-04-13 20:49:36 +02:00
. dim-label , . titlebar : not ( headerbar ) . subtitle , headerbar . subtitle , spinbutton . vertical > text > text > placeholder , spinbutton : not ( . vertical ) > text > placeholder , entry > text > placeholder , label . separator { opacity : 0.55 ; text-shadow : none ; }
2022-07-25 12:06:09 +02:00
window . assistant . sidebar { padding : 1 px ; border-top : 1 px solid #252525 ; }
2022-04-13 20:49:36 +02:00
window . assistant . csd . sidebar { border-top-style : none ; }
window . assistant . sidebar > label { padding : 6 px 12 px ; }
2022-07-25 12:06:09 +02:00
window . assistant . sidebar > label . highlight { background-color : #669900 ; border-radius : 1 px ; }
2022-04-13 20:49:36 +02:00
window . aboutdialog image . large-icons { - gtk-icon-size : 128 px ; }
2022-07-25 12:06:09 +02:00
. 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-width : 2 px ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
/********************* 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 ; }
2022-07-25 12:06:09 +02:00
spinner : checked : disabled { opacity : 0.5 ; color : #7c675a ; }
2022-04-13 20:49: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 * */
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text , spinbutton : not ( . vertical ) , entry { min-height : 32 px ; padding-left : 1 px ; padding-right : 1 px ; border : 2 px solid ; border-radius : 0 px ; border-spacing : 6 px ; transition : none ; color : #EDF0F5 ; background-color : #323232 ; border-left-color : #191919 ; border-top-color : #191919 ; border-right-color : #585858 ; border-bottom-color : #585858 ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
spinbutton . vertical > text , spinbutton : not ( . vertical ) , entry { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text : focus-within , spinbutton : focus-within : not ( . vertical ) , entry : focus-within { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
spinbutton . vertical > text > image . left , spinbutton : not ( . vertical ) > image . left , entry > image . left { margin-right : 6 px ; }
spinbutton . vertical > text > image . right , spinbutton : not ( . vertical ) > image . right , entry > image . right { margin-left : 6 px ; }
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text > text > block-cursor , spinbutton : not ( . vertical ) > text > block-cursor , entry > text > block-cursor { color : #323232 ; background-color : #EDF0F5 ; }
2022-04-13 20:49:36 +02:00
2022-04-26 16:51:06 +02:00
spinbutton . vertical > text . flat , spinbutton . flat : not ( . vertical ) , 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 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text : focus-within , spinbutton : focus-within : not ( . vertical ) , entry : focus-within { background-color : #323232 ; border-left-color : #446600 ; border-top-color : #446600 ; border-right-color : #99e600 ; border-bottom-color : #99e600 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text : focus-within > placeholder , spinbutton : focus-within : not ( . vertical ) > placeholder , entry : focus-within > placeholder { opacity : 0 ; /* We hide placeholders on focus */ }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text : disabled , spinbutton : disabled : not ( . vertical ) , entry : disabled { color : #7c675a ; background-color : #493e37 ; border-left-color : #2c2521 ; border-top-color : #2c2521 ; border-right-color : #756358 ; border-bottom-color : #756358 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text > text > selection , spinbutton : not ( . vertical ) > text > selection , entry > text > selection { background-color : #669900 ; color : #d1ff96 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . error , spinbutton . error : not ( . vertical ) , entry . error { color : #CC0000 ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
spinbutton . vertical > text . error , spinbutton . error : not ( . vertical ) , entry . error { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . error : focus-within , spinbutton . error : focus-within : not ( . vertical ) , entry . error : focus-within { outline-color : rgba ( 204 , 0 , 0 , 0.5 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . error : focus-within , spinbutton . error : focus-within : not ( . vertical ) , entry . error : focus-within { background-color : #323232 ; border-left-color : #990000 ; border-top-color : #990000 ; border-right-color : #ff1a1a ; border-bottom-color : #ff1a1a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . error > selection , spinbutton . error : not ( . vertical ) > selection , entry . error > selection { background-color : #CC0000 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . warning , spinbutton . warning : not ( . vertical ) , entry . warning { color : #f57900 ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . warning , spinbutton . warning : not ( . vertical ) , entry . warning { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . warning : focus-within , spinbutton . warning : focus-within : not ( . vertical ) , entry . warning : focus-within { outline-color : rgba ( 245 , 121 , 0 , 0.5 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . warning : focus-within , spinbutton . warning : focus-within : not ( . vertical ) , entry . warning : focus-within { background-color : #323232 ; border-left-color : #c26000 ; border-top-color : #c26000 ; border-right-color : #ffa043 ; border-bottom-color : #ffa043 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . warning > selection , spinbutton . warning : not ( . vertical ) > selection , entry . warning > selection { background-color : #f57900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text > image , spinbutton : not ( . vertical ) > image , entry > image { color : #c8cace ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text > image : hover , spinbutton : not ( . vertical ) > image : hover , entry > image : hover { color : #EDF0F5 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text > image : active , spinbutton : not ( . vertical ) > image : active , entry > image : active { color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . password image . caps-lock-indicator , spinbutton . password : not ( . vertical ) image . caps-lock-indicator , entry . password image . caps-lock-indicator { color : #c8cace ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text : drop ( active ) , spinbutton : drop ( active ) : not ( . vertical ) , entry : drop ( active ) : focus-within , entry : drop ( active ) { border-color : #33d17a ; box-shadow : inset 0 0 0 1 px #33d17a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd spinbutton . vertical > text , . osd spinbutton : not ( . vertical ) , . osd entry { color : #66cbec ; background-color : #203d79 ; border-left-color : #152951 ; border-top-color : #152951 ; border-right-color : #305cb6 ; border-bottom-color : #305cb6 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd spinbutton . vertical > text : focus-within , . osd spinbutton : focus-within : not ( . vertical ) , . osd entry : focus-within { color : #66cbec ; background-color : #203d79 ; border-left-color : #446600 ; border-top-color : #446600 ; border-right-color : #99e600 ; border-bottom-color : #99e600 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd spinbutton . vertical > text : disabled , . osd spinbutton : disabled : not ( . vertical ) , . osd entry : disabled { color : #7c675a ; background-color : #493e37 ; border-left-color : #2c2521 ; border-top-color : #2c2521 ; border-right-color : #756358 ; border-bottom-color : #756358 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text > progress , spinbutton : not ( . vertical ) > progress , entry > progress { margin-bottom : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text progress > trough > progress , spinbutton : not ( . vertical ) progress > trough > progress , entry progress > trough > progress { background-color : transparent ; background-image : none ; border-radius : 0 ; border-width : 0 0 2 px ; border-color : #669900 ; border-style : solid ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text . error , spinbutton . error : not ( . vertical ) , entry . error { color : #CC0000 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
treeview entry : focus-within : dir ( rtl ) , treeview entry : focus-within : dir ( ltr ) { background-color : #323232 ; transition-property : color , background ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
treeview entry . flat , treeview entry { border-radius : 0 ; background-image : none ; background-color : #323232 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
treeview entry . flat : focus-within , treeview entry : focus-within { border-color : #669900 ; }
2022-04-13 20:49:36 +02:00
/******************* Editable Labels * */
2022-07-25 12:06:09 +02:00
editablelabel > stack > text { color : #EDF0F5 ; background-color : #323232 ; border-left-color : #191919 ; border-top-color : #191919 ; border-right-color : #585858 ; border-bottom-color : #585858 ; }
2022-04-13 20:49:36 +02:00
/*********** Buttons * */
2022-07-25 12:06:09 +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 ) ) ; } }
2022-04-13 20:49:36 +02:00
/****************************************************** Buttons * */
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow , notebook . frame > header > tabs > arrow , windowcontrols button , button { min-height : 24 px ; min-width : 16 px ; padding : 2 px 4 px ; border : 2 px solid ; border-radius : 0 px ; transition : none ; border-width : 2 px ; color : #EDF0F5 ; background-color : #4e584d ; border-left-color : #728171 ; border-top-color : #728171 ; border-right-color : #363d35 ; border-bottom-color : #363d35 ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow , notebook . frame > header > tabs > arrow , windowcontrols button , button { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow : focus : focus-visible , button : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow : hover , notebook . frame > header > tabs > arrow : hover , button : hover { border-width : 2 px ; background-color : #5a6659 ; border-left-color : #7f8e7d ; border-top-color : #7f8e7d ; border-right-color : #424a41 ; border-bottom-color : #424a41 ; - gtk-icon-filter : brightness ( 1.2 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow . keyboard-activating , notebook . frame > header > tabs > arrow . keyboard-activating , notebook > header > tabs > arrow : active , notebook . frame > header > tabs > arrow : active , button . keyboard-activating , button : active { border-width : 2 px ; background-color : #4e584d ; border-left-color : #363d35 ; border-top-color : #363d35 ; border-right-color : #728171 ; border-bottom-color : #728171 ; transition-duration : 50 ms ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow : checked : hover : not ( : active ) , button : checked : hover : not ( : active ) { border-width : 2 px ; color : #d1ff96 ; background-color : #77b300 ; border-left-color : #558000 ; border-top-color : #558000 ; border-right-color : #aaff00 ; border-bottom-color : #aaff00 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow : checked , notebook . frame > header > tabs > arrow : checked , button : checked , button : checked : active { border-width : 2 px ; color : #d1ff96 ; background-color : #669900 ; border-left-color : #446600 ; border-top-color : #446600 ; border-right-color : #99e600 ; border-bottom-color : #99e600 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow : disabled , notebook . frame > header > tabs > arrow : disabled , button : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; - gtk-icon-filter : opacity ( 0.5 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow : disabled : active , notebook > header > tabs > arrow : disabled : checked , button : disabled : active , button : disabled : checked { border-width : 2 px ; color : #7c675a ; background-color : #4d4c2f ; border-left-color : #2d2d1c ; border-top-color : #2d2d1c ; border-right-color : #7d7b4c ; border-bottom-color : #7d7b4c ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . sidebar-button , notebook > header > tabs > arrow , notebook . frame > header > tabs > arrow , . 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 ) , notebook > header > tabs > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; transition : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow . image-button , notebook . frame > header > tabs > arrow . image-button , button . image-button { min-width : 24 px ; padding-left : 5 px ; padding-right : 5 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow . text-button , notebook . frame > header > tabs > arrow . text-button , button . text-button { padding-left : 16 px ; padding-right : 16 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow . text-button . image-button , button . text-button . image-button { padding-left : 8 px ; padding-right : 8 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow . text-button . image-button label , button . text-button . image-button label { padding-left : 8 px ; padding-right : 8 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow . arrow-button , notebook . frame > header > tabs > arrow . arrow-button , button . arrow-button { padding-left : 10 px ; padding-right : 10 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow . arrow-button > box , notebook . frame > header > tabs > arrow . arrow-button > box , windowcontrols button . arrow-button > box , button . arrow-button > box { border-spacing : 4 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
dropdown : drop ( active ) button . combo , combobox : drop ( active ) button . combo , notebook > header > tabs > arrow : drop ( active ) , notebook . frame > header > tabs > arrow : drop ( active ) , button : drop ( active ) { color : #33d17a ; border-color : #33d17a ; box-shadow : inset 0 0 0 1 px #33d17a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
row : selected button . sidebar-button : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) , row : selected button . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) { color : #d1ff96 ; border-color : transparent ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
row : selected button . sidebar-button : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop , row : selected button . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop { color : #EDF0F5 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . osd { min-width : 26 px ; min-height : 32 px ; color : #66cbec ; border-radius : 5 px ; border-width : 2 px ; color : #66cbec ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . osd . image-button { min-width : 30 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . osd . image-button : only-child { margin : 4 px ; border-radius : 50 % ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . osd : hover { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #3566ca ; border-top-color : #3566ca ; border-right-color : #1b3365 ; border-bottom-color : #1b3365 ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . osd : active , button . osd : checked { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #1b3365 ; border-top-color : #1b3365 ; border-right-color : #3566ca ; border-bottom-color : #3566ca ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. app-notification button , popover . background . touch-selection button , popover . background . magnifier button , . osd button { border-width : 2 px ; color : #66cbec ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. app-notification button : hover , popover . background . touch-selection button : hover , popover . background . magnifier button : hover , . osd button : hover { border-width : 2 px ; background-color : #25478d ; border-left-color : #3566ca ; border-top-color : #3566ca ; border-right-color : #1b3365 ; border-bottom-color : #1b3365 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02: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 button : active , . osd button : checked { border-width : 2 px ; background-color : #203d79 ; border-left-color : #152951 ; border-top-color : #152951 ; border-right-color : #305cb6 ; border-bottom-color : #305cb6 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. app-notification button : disabled , popover . background . touch-selection button : disabled , popover . background . magnifier button : disabled , . osd button : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02: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 button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. app-notification button . flat : hover , popover . background . touch-selection button . flat : hover , popover . background . magnifier button . flat : hover , . osd button . flat : hover { border-width : 2 px ; background-color : #25478d ; border-left-color : #3566ca ; border-top-color : #3566ca ; border-right-color : #1b3365 ; border-bottom-color : #1b3365 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. app-notification button . flat : disabled , popover . background . touch-selection button . flat : disabled , popover . background . magnifier button . flat : disabled , . osd button . flat : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02: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 button . flat : active , . osd button . flat : checked { border-width : 2 px ; background-color : #203d79 ; border-left-color : #152951 ; border-top-color : #152951 ; border-right-color : #305cb6 ; border-bottom-color : #305cb6 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . suggested-action { border-width : 2 px ; color : white ; background-color : #26ab62 ; border-left-color : #48d688 ; border-top-color : #48d688 ; border-right-color : #1d814a ; border-bottom-color : #1d814a ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . suggested-action { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . suggested-action : focus : focus-visible { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . suggested-action . flat { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; color : #26ab62 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . suggested-action : hover { border-width : 2 px ; background-color : #2bbf6e ; border-left-color : #5dda95 ; border-top-color : #5dda95 ; border-right-color : #229656 ; border-bottom-color : #229656 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . suggested-action : active , button . suggested-action : checked { border-width : 2 px ; background-color : #26ab62 ; border-left-color : #1d814a ; border-top-color : #1d814a ; border-right-color : #48d688 ; border-bottom-color : #48d688 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . suggested-action . flat : disabled { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; color : rgba ( 38 , 171 , 98 , 0.8 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . suggested-action : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . suggested-action : disabled : active , button . suggested-action : disabled : checked { border-width : 2 px ; color : #7c675a ; background-color : #4d4c2f ; border-left-color : #2d2d1c ; border-top-color : #2d2d1c ; border-right-color : #7d7b4c ; border-bottom-color : #7d7b4c ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd button . suggested-action { border-width : 2 px ; color : #66cbec ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd button . suggested-action : hover { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #3566ca ; border-top-color : #3566ca ; border-right-color : #1b3365 ; border-bottom-color : #1b3365 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd button . suggested-action : active , . osd button . suggested-action : checked { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #1b3365 ; border-top-color : #1b3365 ; border-right-color : #3566ca ; border-bottom-color : #3566ca ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd button . suggested-action : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . destructive-action { border-width : 2 px ; color : white ; background-color : #CC0000 ; border-left-color : #ff1a1a ; border-top-color : #ff1a1a ; border-right-color : #990000 ; border-bottom-color : #990000 ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
button . destructive-action { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
button . destructive-action : focus : focus-visible { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
button . destructive-action . flat { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; color : #CC0000 ; }
button . destructive-action : hover { border-width : 2 px ; background-color : #e60000 ; border-left-color : #ff3333 ; border-top-color : #ff3333 ; border-right-color : #b30000 ; border-bottom-color : #b30000 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . destructive-action : active , button . destructive-action : checked { border-width : 2 px ; background-color : #CC0000 ; border-left-color : #990000 ; border-top-color : #990000 ; border-right-color : #ff1a1a ; border-bottom-color : #ff1a1a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . destructive-action . flat : disabled { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; color : rgba ( 204 , 0 , 0 , 0.8 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . destructive-action : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . destructive-action : disabled : active , button . destructive-action : disabled : checked { border-width : 2 px ; color : #7c675a ; background-color : #4d4c2f ; border-left-color : #2d2d1c ; border-top-color : #2d2d1c ; border-right-color : #7d7b4c ; border-bottom-color : #7d7b4c ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd button . destructive-action { border-width : 2 px ; color : #66cbec ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd button . destructive-action : hover { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #3566ca ; border-top-color : #3566ca ; border-right-color : #1b3365 ; border-bottom-color : #1b3365 ; }
. osd button . destructive-action : active , . osd button . destructive-action : checked { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #1b3365 ; border-top-color : #1b3365 ; border-right-color : #3566ca ; border-bottom-color : #3566ca ; }
. osd button . destructive-action : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
stackswitcher > button > label { padding : 0 6 px ; margin : 0 -6 px ; }
stackswitcher > button > image { padding : 3 px 6 px ; margin : -3 px -6 px ; }
button . font > box { border-spacing : 6 px ; }
button . font > box > box > label { font-weight : bold ; }
menubutton . circular button , button . circular { min-width : 32 px ; min-height : 32 px ; padding : 0 ; border-radius : 9999 px ; }
menubutton . circular button label , button . circular label { padding : 0 ; }
2022-07-25 12:06:09 +02:00
stacksidebar row . needs-attention > label , stackswitcher > button . needs-attention > label , stackswitcher > button . needs-attention > image { background-image : radial-gradient ( farthest - side , #f57900 96 % , rgba ( 245 , 121 , 0 , 0 ) ) ; background-size : 6 px 6 px ; background-repeat : no-repeat ; background-position : right 3 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
stacksidebar row . needs-attention > label : dir ( rtl ) , stackswitcher > button . needs-attention > label : dir ( rtl ) , stackswitcher > button . needs-attention > image : dir ( rtl ) { background-position : left 3 px , left 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 , . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : last-child ) , . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : first-child ) { border-top-left-radius : 0 ; border-bottom-left-radius : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 , . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : first-child ) , . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : last-child ) { border-right-style : none ; border-top-right-radius : 0 ; border-bottom-right-radius : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 , . linked . vertical > button : not ( : first-child ) { border-top-left-radius : 0 ; border-top-right-radius : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 , . linked . vertical > button : not ( : last-child ) { border-bottom-style : none ; border-bottom-left-radius : 0 ; border-bottom-right-radius : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. scale-popup button : hover , button . link , button . link : hover , button . link : active , button . link : checked , modelbutton . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) { background-color : transparent ; background-image : none ; border-color : transparent ; text-shadow : none ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
/* menu buttons */
2022-07-25 12:06:09 +02:00
modelbutton . flat { min-height : 26 px ; padding-left : 5 px ; padding-right : 5 px ; border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
modelbutton . flat : hover : not ( . osd ) : not ( : checked ) : not ( : active ) : not ( : disabled ) : not ( : backdrop ) { border-width : 2 px ; background-color : #5a6659 ; border-left-color : #7f8e7d ; border-top-color : #7f8e7d ; border-right-color : #424a41 ; border-bottom-color : #424a41 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
modelbutton . flat : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
modelbutton . flat arrow { background : none ; min-width : 16 px ; min-height : 16 px ; opacity : 1 ; }
2022-07-25 12:06:09 +02:00
modelbutton . flat arrow : hover : not ( . osd ) : not ( : checked ) : not ( : active ) : not ( : disabled ) : not ( : backdrop ) { border-width : 2 px ; background-color : #5a6659 ; border-left-color : #7f8e7d ; border-top-color : #7f8e7d ; border-right-color : #424a41 ; border-bottom-color : #424a41 ; }
2022-04-13 20:49: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 */
/********* Links * */
2022-07-25 12:06:09 +02:00
button . link , link { color : #99c1f1 ; text-decoration : underline ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . link : visited , link : visited { color : #dc8add ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
* : selected button . link : visited , * : selected link : visited { color : #d5d0b2 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . link : hover , link : hover { color : #c6dcf7 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
* : selected button . link : hover , * : selected link : hover { color : #d0fca0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . link : active , link : active { color : #99c1f1 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
* : selected button . link : active , * : selected link : active { color : #c6f3a8 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . link : disabled , link : disabled { color : rgba ( 197 , 197 , 197 , 0.8 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . link : selected , * : selected button . link , link : selected , * : selected link { color : #c6f3a8 ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
link : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
. osd spinbutton : not ( . vertical ) > text : disabled , spinbutton : not ( . vertical ) > text : disabled { background-color : #493e37 ; color : #7c675a ; }
2022-04-13 20:49:36 +02:00
spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) , spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) { padding : 0 ; }
2022-07-25 12:06:09 +02:00
. osd spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) , . osd spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; 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 ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
. osd spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) : hover , . osd spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) : hover { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; color : #66cbec ; border-color : rgba ( 102 , 203 , 236 , 0.5 ) ; background-color : #152951 ; - gtk-icon-shadow : 0 1 px black ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd spinbutton : not ( . vertical ) > button . image-button . up : not ( . flat ) : disabled , . osd spinbutton : not ( . vertical ) > button . image-button . down : not ( . flat ) : disabled { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; color : #7c675a ; border-color : rgba ( 102 , 203 , 236 , 0.5 ) ; - gtk-icon-shadow : none ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 0 px 0 px 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. 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 : 0 px 0 0 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical : disabled { color : #7c675a ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text > selection { background-color : #669900 ; color : transparent ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text > selection : focus-within { background-color : rgba ( 102 , 153 , 0 , 0.3 ) ; color : #d1ff96 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
spinbutton . vertical > text > block-cursor { color : #323232 ; background-color : #EDF0F5 ; }
2022-04-13 20:49:36 +02:00
spinbutton . vertical > button { min-height : 32 px ; min-width : 32 px ; padding : 0 ; }
2022-07-25 12:06:09 +02:00
spinbutton . vertical > button . up { border-bottom-left-radius : 0 ; border-bottom-right-radius : 0 ; }
spinbutton . vertical > button . down { border-top-left-radius : 0 ; border-top-right-radius : 0 ; }
. osd spinbutton . vertical > button : first-child { border-width : 2 px ; color : #66cbec ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd spinbutton . vertical > button : first-child : hover { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #3566ca ; border-top-color : #3566ca ; border-right-color : #1b3365 ; border-bottom-color : #1b3365 ; }
. osd spinbutton . vertical > button : first-child : active { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #1b3365 ; border-top-color : #1b3365 ; border-right-color : #3566ca ; border-bottom-color : #3566ca ; }
. osd spinbutton . vertical > button : first-child : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49: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 > button > box > stack > row . activatable : hover { background : none ; box-shadow : none ; }
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 ; }
dropdown popover listview > row . activatable , combobox popover listview > row . activatable { padding : 8 px ; }
2022-07-25 12:06:09 +02:00
dropdown popover listview > row . activatable : selected , dropdown popover listview > row . activatable : selected : hover , combobox popover listview > row . activatable : selected , combobox popover listview > row . activatable : selected : hover { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; color : #d1ff96 ; background-color : #669900 ; border-left-color : #99e600 ; border-top-color : #99e600 ; border-right-color : #446600 ; border-bottom-color : #446600 ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
dropdown popover . dropdown-searchbar , combobox popover . dropdown-searchbar { padding : 6 px ; }
2022-04-13 20:49:36 +02:00
/************ Toolbars * */
2022-07-25 12:06:09 +02:00
searchbar > revealer > box , . toolbar { padding : 4 px ; border-spacing : 4 px ; background-color : #3f3e3e ; }
2022-04-13 20:49:36 +02:00
. osd . toolbar { background-color : transparent ; }
2022-07-25 12:06:09 +02:00
. toolbar . osd { padding : 13 px ; border : none ; border-radius : 0 px ; background-color : #203d79 ; }
2022-04-13 20:49:36 +02:00
. 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 ; }
2022-07-25 12:06:09 +02:00
searchbar > revealer > box { border-style : solid ; border-color : #252525 ; background-color : #373636 ; }
2022-04-13 20:49:36 +02:00
/************** GtkInfoBar * */
2022-07-25 12:06:09 +02:00
/************** GtkInfoBar * */
infobar { background-color : #CC0000 ; border-left-color : #ff1a1a ; border-top-color : #ff1a1a ; border-right-color : #990000 ; border-bottom-color : #990000 ; }
infobar button { border-width : 2 px ; color : #EDF0F5 ; background-color : #CC0000 ; border-left-color : #ff1a1a ; border-top-color : #ff1a1a ; border-right-color : #990000 ; border-bottom-color : #990000 ; }
infobar button : hover { border-width : 2 px ; background-color : #e60000 ; border-left-color : #ff3333 ; border-top-color : #ff3333 ; border-right-color : #b30000 ; border-bottom-color : #b30000 ; }
infobar button : active , infobar button : checked { border-width : 2 px ; background-color : #CC0000 ; border-left-color : #990000 ; border-top-color : #990000 ; border-right-color : #ff1a1a ; border-bottom-color : #ff1a1a ; }
infobar button : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
infobar button label , infobar button { color : #EDF0F5 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
infobar selection { background-color : #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
infobar * : link { color : #99c1f1 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
searchbar . close { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; min-width : 16 px ; min-height : 16 px ; padding : 4 px ; border-radius : 50 % ; }
searchbar . close : hover { border-width : 2 px ; background-color : #5a6659 ; border-left-color : #7f8e7d ; border-top-color : #7f8e7d ; border-right-color : #424a41 ; border-bottom-color : #424a41 ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
windowcontrols button . close { border-width : 2 px ; color : #d1ff96 ; background-color : #994d00 ; border-left-color : #e67400 ; border-top-color : #e67400 ; border-right-color : #663300 ; border-bottom-color : #663300 ; }
windowcontrols button . close : hover , windowcontrols button . close : hover : backdrop { border-width : 2 px ; background-color : #b35a00 ; border-left-color : #ff8000 ; border-top-color : #ff8000 ; border-right-color : #804000 ; border-bottom-color : #804000 ; }
windowcontrols button . close : active , windowcontrols button . close : active : backdrop { border-width : 2 px ; background-color : #994d00 ; border-left-color : #663300 ; border-top-color : #663300 ; border-right-color : #e67400 ; border-bottom-color : #e67400 ; }
windowcontrols button . close : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
windowcontrols button . close : backdrop { border-width : 2 px ; color : #EDF0F5 ; background-color : #4e584d ; border-left-color : #728171 ; border-top-color : #728171 ; border-right-color : #363d35 ; border-bottom-color : #363d35 ; }
windowcontrols button . maximize { border-width : 2 px ; color : #d1ff96 ; background-color : #4db53d ; border-left-color : #7ccf70 ; border-top-color : #7ccf70 ; border-right-color : #3d8f30 ; border-bottom-color : #3d8f30 ; }
windowcontrols button . maximize : hover , windowcontrols button . maximize : hover : backdrop { border-width : 2 px ; background-color : #5ac24a ; border-left-color : #8ed583 ; border-top-color : #8ed583 ; border-right-color : #45a237 ; border-bottom-color : #45a237 ; }
windowcontrols button . maximize : active , windowcontrols button . maximize : active : backdrop { border-width : 2 px ; background-color : #4db53d ; border-left-color : #3d8f30 ; border-top-color : #3d8f30 ; border-right-color : #7ccf70 ; border-bottom-color : #7ccf70 ; }
windowcontrols button . maximize : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
windowcontrols button . maximize : backdrop { border-width : 2 px ; color : #EDF0F5 ; background-color : #4e584d ; border-left-color : #728171 ; border-top-color : #728171 ; border-right-color : #363d35 ; border-bottom-color : #363d35 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
windowcontrols button . minimize { border-width : 2 px ; color : #d1ff96 ; background-color : #ae8900 ; border-left-color : #fbc500 ; border-top-color : #fbc500 ; border-right-color : #7b6100 ; border-bottom-color : #7b6100 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
windowcontrols button . minimize : hover , windowcontrols button . minimize : hover : backdrop { border-width : 2 px ; background-color : #c89d00 ; border-left-color : #ffcd15 ; border-top-color : #ffcd15 ; border-right-color : #957500 ; border-bottom-color : #957500 ; }
windowcontrols button . minimize : active , windowcontrols button . minimize : active : backdrop { border-width : 2 px ; background-color : #ae8900 ; border-left-color : #7b6100 ; border-top-color : #7b6100 ; border-right-color : #fbc500 ; border-bottom-color : #fbc500 ; }
windowcontrols button . minimize : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
windowcontrols button . minimize : backdrop { border-width : 2 px ; color : #EDF0F5 ; background-color : #4e584d ; border-left-color : #728171 ; border-top-color : #728171 ; border-right-color : #363d35 ; border-bottom-color : #363d35 ; }
2022-04-13 20:49:36 +02:00
/*************** Header bars * */
2022-07-25 12:06:09 +02:00
. titlebar : not ( headerbar ) , headerbar { padding : 0 6 px ; min-height : 46 px ; border-radius : 0 ; border : none ; background-color : #669900 ; color : #d1ff96 ; /* Darken switchbuttons for headerbars. issue #1588 */ }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. titlebar : backdrop : not ( headerbar ) , headerbar : backdrop { background-color : #3f3e3e ; color : #EDF0F5 ; transition : none ; }
2022-04-13 20:49:36 +02:00
. titlebar : not ( headerbar ) . title , headerbar . title { padding-left : 12 px ; padding-right : 12 px ; font-weight : bold ; }
. titlebar : not ( headerbar ) . subtitle , headerbar . subtitle { font-size : smaller ; padding-left : 12 px ; padding-right : 12 px ; }
. 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 ; }
. default-decoration . titlebar : not ( headerbar ) , headerbar . default-decoration { min-height : 28 px ; padding : 4 px ; }
. 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 ; }
. 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 ; }
. 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 ; }
headerbar > windowhandle > box , headerbar > windowhandle > box > box . start , headerbar > windowhandle > box > box . end { border-spacing : 6 px ; }
headerbar entry , headerbar spinbutton , headerbar separator : not ( . sidebar ) , headerbar button , headerbar menubutton { margin-top : 6 px ; margin-bottom : 6 px ; }
headerbar menubutton > button { margin-top : 0 px ; margin-bottom : 0 px ; }
headerbar switch { margin-top : 10 px ; margin-bottom : 10 px ; }
window . csd > . titlebar : not ( headerbar ) { padding : 0 ; background-color : transparent ; background-image : none ; border-style : none ; border-color : transparent ; }
2022-07-25 12:06:09 +02:00
. titlebar : not ( headerbar ) separator { background-color : #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 ( 102 , 153 , 0 , 0.1 ) ) , linear-gradient ( to top , #2d2c2c 3 px , #323131 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 */ }
2022-04-13 20:49:36 +02:00
/************ 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 * */
2022-07-25 12:06:09 +02:00
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 ; }
2022-04-13 20:49:36 +02:00
columnview . view , treeview . view { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
columnview . view : focus : focus-visible , treeview . view : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view : disabled , treeview . view : disabled { color : #7c675a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view : disabled : selected , treeview . view : disabled : selected { color : #91c23c ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view . separator , treeview . view . separator { min-height : 2 px ; color : #575859 ; }
2022-04-13 20:49:36 +02:00
columnview . view : drop ( active ) , treeview . view : drop ( active ) { box-shadow : none ; }
2022-07-25 12:06:09 +02:00
columnview . view > dndtarget : drop ( active ) , treeview . view > dndtarget : drop ( active ) { border-style : solid none ; border-width : 1 px ; border-color : black ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
columnview . view . expander , treeview . view . expander { min-width : 16 px ; min-height : 16 px ; - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; color : #b5b7bb ; }
2022-04-13 20:49:36 +02:00
columnview . view . expander : dir ( rtl ) , treeview . view . expander : dir ( rtl ) { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic-rtl" ) ; }
2022-07-25 12:06:09 +02:00
columnview . view . expander : hover , treeview . view . expander : hover { color : #EDF0F5 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view . expander : selected , treeview . view . expander : selected { color : #b1e069 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view . expander : selected : hover , treeview . view . expander : selected : hover { color : #d1ff96 ; }
2022-04-13 20:49:36 +02:00
columnview . view . expander : checked , treeview . view . expander : checked { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
2022-07-25 12:06:09 +02:00
columnview . view . expander : disabled , columnview . view . expander : disabled : checked , treeview . view . expander : disabled , treeview . view . expander : disabled : checked { color : #7c675a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view . progressbar , treeview . view . progressbar { background-color : #669900 ; background-image : image ( #669900 ) ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view . trough , treeview . view . trough { background-color : rgba ( 237 , 240 , 245 , 0.1 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view . trough : selected : focus , columnview . view . trough : selected , treeview . view . trough : selected : focus , treeview . view . trough : selected { background-color : #446600 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view > header > button , treeview . view > header > button { text-shadow : none ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view > header > button : hover , treeview . view > header > button : hover { box-shadow : none ; transition : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view > header > button : active , treeview . view > header > button : active { transition : none ; }
2022-04-13 20:49: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" ) ; }
2022-07-25 12:06:09 +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 : #669900 ; border-style : none ; border-radius : 0 ; box-shadow : inset 0 0 0 1 px #323232 ; text-shadow : none ; transition : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view acceleditor > label , treeview . view acceleditor > label { background-color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view > header > button , treeview . view > header > button , columnview . view > header > button : hover , treeview . view > header > button : hover , columnview . view > header > button : active , treeview . view > header > button : active { padding : 0 6 px ; background-image : none ; border-radius : 0 ; text-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview . view > header > button : disabled , treeview . view > header > button : disabled { background-color : #493e37 ; color : #7c675a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
/*************** Popovers * (such as menus!) */
2022-04-13 20:49:36 +02:00
popover . background { background-color : transparent ; font : initial ; }
2022-07-25 12:06:09 +02:00
popover . background > arrow , popover . background > contents { border : 2 px solid ; color : #EDF0F5 ; background-color : #323232 ; border-left-color : #585858 ; border-top-color : #585858 ; border-right-color : #191919 ; border-bottom-color : #191919 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
popover . background > contents { padding : 8 px ; border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
popover . background > contents > list , popover . background > contents > . view , popover . background > contents > iconview , popover . background > contents > . toolbar { border-style : none ; background-color : transparent ; }
2022-07-25 12:06:09 +02:00
popover . background > contents separator { background-color : #2d2c2c ; margin : 3 px ; }
2022-04-13 20:49:36 +02:00
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 ; }
2022-07-25 12:06:09 +02:00
magnifier { background-color : #323232 ; }
2022-04-13 20:49:36 +02:00
/********************** Popover Base Menus * */
popover . menu { padding : 0 ; }
popover . menu box . inline-buttons { padding : 0 12 px ; }
2022-07-25 12:06:09 +02:00
popover . menu box . inline-buttons button . image-button . model { border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; min-height : 30 px ; min-width : 30 px ; padding : 0 ; border : none ; outline : none ; transition : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
popover . menu box . inline-buttons button . image-button . model : selected { background : image ( #669900 ) ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
popover . menu box . circular-buttons button . circular . image-button . model : focus { background-color : #669900 ; border-color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
popover . menu > arrow , popover . menu . background > contents { background-color : #353434 ; padding : 1 px ; }
2022-04-13 20:49:36 +02:00
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 ; }
2022-07-25 12:06:09 +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 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
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 ) ; }
2022-04-13 20:49:36 +02:00
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 ; }
2022-07-25 12:06:09 +02:00
popover . menu modelbutton { min-height : 30 px ; min-width : 40 px ; padding : 0 12 px ; border-radius : 1 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
popover . menu modelbutton : selected { color : #EDF0F5 ; background-color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
popover . menu modelbutton : selected : active { background-color : #1b1b1b ; }
2022-04-13 20:49:36 +02:00
popover . menu label . title { font-weight : bold ; padding : 4 px 32 px ; }
2022-07-25 12:06:09 +02:00
menubar { padding : 0 px ; }
2022-04-13 20:49:36 +02:00
menubar > item { min-height : 16 px ; padding : 4 px 8 px ; }
2022-07-25 12:06:09 +02:00
menubar > item : selected { color : #d1ff96 ; background-color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
menubar > item : disabled { color : #7c675a ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
menubar > item popover . menu . background > contents { padding : 1 px ; }
2022-04-13 20:49:36 +02:00
menubar > item popover . menu popover . menu { padding : 0 0 4 px 0 ; }
2022-07-25 12:06:09 +02:00
menubar > item popover . menu . background popover . menu . background > contents { margin : 0 ; border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
/************* Notebooks * */
2022-07-25 12:06:09 +02:00
notebook , notebook . frame { border-width : 2 px ; border-style : solid ; background-color : #393838 ; border-left-color : #605e5e ; border-top-color : #605e5e ; border-right-color : #1f1f1f ; border-bottom-color : #1f1f1f ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header , notebook . frame > header { border : 0 solid ; background-color : #3f3e3e ; background-color : #3f3e3e ; border-left-color : #252525 ; border-top-color : #252525 ; border-right-color : #666464 ; border-bottom-color : #666464 ; margin : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header tabs , notebook . frame > header tabs { border-width : 0 px ; border-style : none ; background-color : #393838 ; border-left-color : #1f1f1f ; border-top-color : #1f1f1f ; border-right-color : #605e5e ; border-bottom-color : #605e5e ; background-color : #3f3e3e ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top , notebook . frame > header . top { border-bottom-width : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top > tabs , notebook . frame > header . top > tabs { margin-top : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top > tabs > tab , notebook . frame > header . top > tabs > tab { border-bottom : none ; margin-top : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top > tabs > tab : checked , notebook . frame > header . top > tabs > tab : checked { margin-bottom : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . bottom , notebook . frame > header . bottom { border-top-width : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . bottom > tabs , notebook . frame > header . bottom > tabs { margin-bottom : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . bottom > tabs > tab , notebook . frame > header . bottom > tabs > tab { border-top : none ; margin-bottom : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . bottom > tabs > tab : checked , notebook . frame > header . bottom > tabs > tab : checked { margin-top : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left , notebook . frame > header . left { border-right-width : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left > tabs , notebook . frame > header . left > tabs { margin-right : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left > tabs > tab , notebook . frame > header . left > tabs > tab { border-right : none ; margin-left : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left > tabs > tab : checked , notebook . frame > header . left > tabs > tab : checked { margin-right : -2 px ; padding-right : 12 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . right , notebook . frame > header . right { border-left-width : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . right > tabs , notebook . frame > header . right > tabs { margin-left : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . right > tabs > tab , notebook . frame > header . right > tabs > tab { border-left : none ; margin-right : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . right > tabs > tab : checked , notebook . frame > header . right > tabs > tab : checked { margin-left : -2 px ; padding-left : 12 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top > tabs > arrow , notebook . frame > header . top > tabs > arrow , notebook > header . bottom > tabs > arrow , notebook . frame > header . bottom > tabs > arrow { padding : 2 px ; }
2022-04-13 20:49:36 +02:00
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" ) ; }
2022-07-25 12:06:09 +02:00
notebook > header . left > tabs > arrow , notebook . frame > header . left > tabs > arrow { border-left-style : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . right > tabs > arrow , notebook . frame > header . right > tabs > arrow { border-right-style : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left > tabs > arrow , notebook . frame > header . left > tabs > arrow , notebook > header . right > tabs > arrow , notebook . frame > header . right > tabs > arrow { margin-top : -5 px ; margin-bottom : -5 px ; padding-top : 4 px ; padding-bottom : 4 px ; }
2022-04-13 20:49:36 +02:00
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" ) ; }
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow , notebook . frame > header > tabs > arrow { min-height : 1 em ; min-width : 1 em ; border-radius : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow : hover : not ( : active ) : not ( : backdrop ) , notebook . frame > header > tabs > arrow : hover : not ( : active ) : not ( : backdrop ) { background-clip : padding-box ; background-image : none ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > arrow : disabled , notebook . frame > header > tabs > arrow : disabled { border-width : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header tab , notebook . frame > header tab { outline-offset : -5 px ; font-weight : normal ; padding : 3 px 10 px ; border-width : 2 px ; border-style : solid ; border-radius : 0 ; color : #909194 ; background-color : #323232 ; border-left-color : #585858 ; border-top-color : #585858 ; border-right-color : #191919 ; border-bottom-color : #191919 ; margin : 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header tab : hover , notebook . frame > header tab : hover { color : #EDF0F5 ; background-color : #353434 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header tab : checked , notebook . frame > header tab : checked { background-color : #393838 ; border-left-color : #605e5e ; border-top-color : #605e5e ; border-right-color : #1f1f1f ; border-bottom-color : #1f1f1f ; color : #EDF0F5 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header tab button . flat , notebook . frame > header tab button . flat { padding : 0 ; min-width : 1 em ; min-height : 1 em ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header tab button . flat : hover , notebook . frame > header tab button . flat : hover { color : currentColor ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header tab button . flat , notebook > header tab button . flat : backdrop , notebook . frame > header tab button . flat , notebook . frame > header tab button . flat : backdrop { color : alpha ( currentColor , 0.3 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header tab button . flat : last-child , notebook . frame > header tab button . flat : last-child { margin-left : 4 px ; margin-right : -4 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header tab button . flat : first-child , notebook . frame > header tab button . flat : first-child { margin-left : -4 px ; margin-right : 4 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top tabs , notebook > header . bottom tabs , notebook . frame > header . top tabs , notebook . frame > header . bottom tabs { padding-left : 2 px ; padding-right : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top tabs : not ( : only-child ) , notebook > header . bottom tabs : not ( : only-child ) , notebook . frame > header . top tabs : not ( : only-child ) , notebook . frame > header . bottom tabs : not ( : only-child ) { margin-left : 3 px ; margin-right : 3 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top tabs : not ( : only-child ) : first-child , notebook > header . bottom tabs : not ( : only-child ) : first-child , notebook . frame > header . top tabs : not ( : only-child ) : first-child , notebook . frame > header . bottom tabs : not ( : only-child ) : first-child { margin-left : -1 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top tabs : not ( : only-child ) : last-child , notebook > header . bottom tabs : not ( : only-child ) : last-child , notebook . frame > header . top tabs : not ( : only-child ) : last-child , notebook . frame > header . bottom tabs : not ( : only-child ) : last-child { margin-right : -1 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top tabs tab , notebook > header . bottom tabs tab , notebook . frame > header . top tabs tab , notebook . frame > header . bottom tabs tab { margin-left : 2 px ; margin-right : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left tabs , notebook > header . right tabs , notebook . frame > header . left tabs , notebook . frame > header . right tabs { padding-top : 2 px ; padding-bottom : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left tabs : not ( : only-child ) , notebook > header . right tabs : not ( : only-child ) , notebook . frame > header . left tabs : not ( : only-child ) , notebook . frame > header . right tabs : not ( : only-child ) { margin-top : 3 px ; margin-bottom : 3 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left tabs : not ( : only-child ) : first-child , notebook > header . right tabs : not ( : only-child ) : first-child , notebook . frame > header . left tabs : not ( : only-child ) : first-child , notebook . frame > header . right tabs : not ( : only-child ) : first-child { margin-top : -1 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left tabs : not ( : only-child ) : last-child , notebook > header . right tabs : not ( : only-child ) : last-child , notebook . frame > header . left tabs : not ( : only-child ) : last-child , notebook . frame > header . right tabs : not ( : only-child ) : last-child { margin-bottom : -1 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . left tabs tab , notebook > header . right tabs tab , notebook . frame > header . left tabs tab , notebook . frame > header . right tabs tab { margin-top : 2 px ; margin-bottom : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . top tab , notebook . frame > header . top tab { padding-bottom : 4 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header . bottom tab , notebook . frame > header . bottom tab { padding-top : 4 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > stack : not ( : only-child ) , notebook . frame > stack : not ( : only-child ) { border : none ; background-color : #393838 ; margin : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook { transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook > header > tabs > tab : checked { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
notebook : focus : focus-visible > header > tabs > tab : checked { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
/************** Scrollbars * */
2022-07-25 12:06:09 +02:00
scrollbar { border : 2 px solid ; background-color : #393838 ; border-left-color : #1f1f1f ; border-top-color : #1f1f1f ; border-right-color : #605e5e ; border-bottom-color : #605e5e ; transition : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrollbar > range > trough > slider { padding : 0 ; background-image : none ; min-width : 10 px ; min-height : 10 px ; border : 2 px solid ; border-radius : 0 px ; background-color : #4e584d ; border-left-color : #728171 ; border-top-color : #728171 ; border-right-color : #363d35 ; border-bottom-color : #363d35 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrollbar > range > trough > slider : hover { background-color : #5e675e ; border-left-color : #838e83 ; border-top-color : #838e83 ; border-right-color : #464c46 ; border-bottom-color : #464c46 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrollbar > range > trough > slider : hover : active { background-color : #88cc00 ; border-left-color : #b3ff1a ; border-top-color : #b3ff1a ; border-right-color : #669900 ; border-bottom-color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrollbar > range > trough > slider : disabled { background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrollbar > range . fine-tune > trough > slider , scrollbar > range . fine-tune > trough > slider : hover , scrollbar > range . fine-tune > trough > slider : active { background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
scrollbar . horizontal > range > trough > slider { min-width : 40 px ; }
scrollbar . vertical > range > trough > slider { min-height : 40 px ; }
2022-07-25 12:06:09 +02:00
scrollbar . overlay-indicator { opacity : 0.5 ; }
2022-04-13 20:49:36 +02:00
/********** Switch * */
2022-07-25 12:06:09 +02:00
switch { font-weight : bold ; font-size : smaller ; border : 2 px solid ; border-radius : 0 px ; color : #EDF0F5 ; background-color : #323131 ; border-left-color : #181818 ; border-top-color : #181818 ; border-right-color : #595757 ; border-bottom-color : #595757 ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; /* only show i / o for the accessible theme */ }
2022-04-13 20:49:36 +02:00
switch { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
switch : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
switch : checked { color : #d1ff96 ; background-color : #669900 ; border-left-color : #446600 ; border-top-color : #446600 ; border-right-color : #99e600 ; border-bottom-color : #99e600 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
switch : disabled { color : #7c675a ; background-color : #493e37 ; border-left-color : #2c2521 ; border-top-color : #2c2521 ; border-right-color : #756358 ; border-bottom-color : #756358 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
switch > slider { margin : 0 px ; min-width : 24 px ; min-height : 24 px ; border : 2 px solid ; border-radius : 0 px ; transition : none ; border-width : 2 px ; color : #EDF0F5 ; background-color : #4e584d ; border-left-color : #728171 ; border-top-color : #728171 ; border-right-color : #363d35 ; border-bottom-color : #363d35 ; }
2022-04-13 20:49:36 +02:00
switch > image { color : transparent ; }
2022-07-25 12:06:09 +02:00
switch : hover > slider { border-width : 2 px ; background-color : #5a6659 ; border-left-color : #7f8e7d ; border-top-color : #7f8e7d ; border-right-color : #424a41 ; border-bottom-color : #424a41 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
switch : disabled > slider { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
/************************* Check and Radio items * */
2022-07-25 12:06:09 +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 : #669900 ; border-radius : 5 px ; background-image : none ; transition : none ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 : #669900 ; border-radius : 5 px ; background-image : none ; transition : none ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 : #669900 ; border-radius : 5 px ; background-image : none ; transition : none ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 : #4d4d4d ; border-radius : 5 px ; background-image : none ; transition : none ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 : #669900 ; border-radius : 5 px ; background-image : none ; transition : none ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 : #669900 ; border-radius : 5 px ; background-image : none ; transition : none ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 : #669900 ; border-radius : 5 px ; background-image : none ; transition : none ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +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 : #4d4d4d ; border-radius : 5 px ; background-image : none ; transition : none ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
checkbutton { border-spacing : 4 px ; border-radius : 0 px ; transition : none ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
checkbutton { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
checkbutton : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
check , radio { background-clip : padding-box ; background-image : linear-gradient ( to bottom , #5a6659 20 % , #4e584d 90 % ) ; border-color : #d1ff96 ; box-shadow : 0 1 px rgba ( 0 , 0 , 0 , 0.05 ) ; color : #d1ff96 ; }
check : hover , radio : hover { background-image : linear-gradient ( to bottom , #647062 10 % , #586357 90 % ) ; }
check : active , radio : active { box-shadow : inset 0 1 px black ; background-image : image ( #424a41 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : disabled , radio : disabled { box-shadow : none ; color : #7c675a ; background-image : image ( #493e37 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : checked , radio : checked { background-clip : border-box ; background-image : linear-gradient ( to bottom , #77b300 20 % , #669900 90 % ) ; border-color : #d1ff96 ; box-shadow : 0 1 px rgba ( 0 , 0 , 0 , 0.05 ) ; color : #d1ff96 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : checked : hover , radio : checked : hover { background-image : linear-gradient ( to bottom , #85c700 10 % , #74ad00 90 % ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : checked : active , radio : checked : active { box-shadow : inset 0 1 px black ; background-image : image ( #558000 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : checked : disabled , radio : checked : disabled { box-shadow : none ; color : #7c675a ; background-image : image ( #493e37 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : indeterminate , radio : indeterminate { background-clip : border-box ; background-image : linear-gradient ( to bottom , #77b300 20 % , #669900 90 % ) ; border-color : #d1ff96 ; box-shadow : 0 1 px rgba ( 0 , 0 , 0 , 0.05 ) ; color : #d1ff96 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : indeterminate : hover , radio : indeterminate : hover { background-image : linear-gradient ( to bottom , #85c700 10 % , #74ad00 90 % ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : indeterminate : active , radio : indeterminate : active { box-shadow : inset 0 1 px black ; background-image : image ( #558000 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : indeterminate : disabled , radio : indeterminate : disabled { box-shadow : none ; color : #7c675a ; background-image : image ( #493e37 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
check : disabled , radio : disabled { color : #7c675a ; border-color : #7c675a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd check , . osd radio { border-width : 2 px ; color : #66cbec ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd check : hover , . osd radio : hover { border-width : 2 px ; color : #66cbec ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd check : active , . osd radio : active { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #1b3365 ; border-top-color : #1b3365 ; border-right-color : #3566ca ; border-bottom-color : #3566ca ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd check : disabled , . osd radio : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
check { border-radius : 0 px ; - gtk-icon-size : 14 px ; }
2022-04-13 20:49:36 +02:00
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" ) ) ) ; }
2022-07-25 12:06:09 +02:00
treeview . view check : selected : focus , treeview . view check : selected , treeview . view radio : selected : focus , treeview . view radio : selected { color : #d1ff96 ; }
2022-04-13 20:49:36 +02:00
/************ GtkScale * */
2022-07-25 12:06:09 +02:00
levelbar > trough , progressbar > trough , scale > trough > fill , scale > trough { border : 2 px solid ; background-color : #323131 ; border-left-color : #181818 ; border-top-color : #181818 ; border-right-color : #595757 ; border-bottom-color : #595757 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar > trough : disabled , progressbar > trough : disabled , scale > trough > fill : disabled , scale > trough : disabled { background-color : #493e37 ; border-left-color : #2c2521 ; border-top-color : #2c2521 ; border-right-color : #756358 ; border-bottom-color : #756358 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd levelbar > trough , . osd progressbar > trough , . osd scale > trough > fill , . osd scale > trough { background-color : #203d79 ; border-left-color : #152951 ; border-top-color : #152951 ; border-right-color : #305cb6 ; border-bottom-color : #305cb6 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd levelbar > trough : disabled , . osd progressbar > trough : disabled , . osd scale > trough > fill : disabled , . osd scale > trough : disabled { background-color : #493e37 ; border-left-color : #2c2521 ; border-top-color : #2c2521 ; border-right-color : #756358 ; border-bottom-color : #756358 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
progressbar > trough > progress , scale > trough > highlight { border : none ; border-radius : 0 px ; background-color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
progressbar > trough > progress : disabled , scale > trough > highlight : disabled { background-color : #53463e ; }
2022-04-13 20:49:36 +02:00
scale { min-height : 10 px ; min-width : 10 px ; padding : 12 px ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
scale > trough { outline : 0 solid transparent ; outline-offset : 16 px ; }
2022-07-25 12:06:09 +02:00
scale : focus : focus-visible > trough { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : 10 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scale > trough { transition : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
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 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scale > trough > fill { background-color : #4c6519 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scale > trough > fill : disabled { background-color : #3e3834 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scale > trough > slider { min-height : 18 px ; min-width : 18 px ; margin : -7 px ; border-width : 2 px ; border-style : solid ; border-radius : 0 px ; border-width : 2 px ; color : #EDF0F5 ; background-color : #4e584d ; border-left-color : #728171 ; border-top-color : #728171 ; border-right-color : #363d35 ; border-bottom-color : #363d35 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scale > trough > slider : hover { border-width : 2 px ; background-color : #5a6659 ; border-left-color : #7f8e7d ; border-top-color : #7f8e7d ; border-right-color : #424a41 ; border-bottom-color : #424a41 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scale > trough > slider : active { background-color : #669900 ; border-left-color : #99e600 ; border-top-color : #99e600 ; border-right-color : #446600 ; border-bottom-color : #446600 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scale > trough > slider : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd scale > trough > slider { border-width : 2 px ; color : #66cbec ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd scale > trough > slider : hover { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #3566ca ; border-top-color : #3566ca ; border-right-color : #1b3365 ; border-bottom-color : #1b3365 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd scale > trough > slider : active { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #1b3365 ; border-top-color : #1b3365 ; border-right-color : #3566ca ; border-bottom-color : #3566ca ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd scale > trough > slider : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49: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 ; }
2022-04-23 11:17:56 +02:00
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 ; }
2022-04-13 20:49:36 +02:00
2022-04-23 11:17:56 +02:00
scale . horizontal . marks-before slider { border-radius : 100 % 100 % 5 px 5 px ; min-width : 10 px ; padding : 0 ; margin-right : 5 px ; margin-left : 5 px ; }
2022-04-13 20:49: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 ; }
2022-04-23 11:17:56 +02:00
scale . vertical . marks-after slider { border-radius : 5 px 100 % 100 % 5 px ; min-height : 10 px ; padding : 0 ; margin-top : 54 px ; margin-bottom : 5 px ; }
2022-04-13 20:49:36 +02:00
2022-04-23 11:17:56 +02:00
scale . vertical . marks-before slider { border-radius : 100 % 5 px 5 px 100 % ; min-height : 10 px ; padding : 0 ; margin-top : 5 px ; margin-bottom : 5 px ; }
2022-04-13 20:49:36 +02:00
scale . color { min-height : 0 ; min-width : 0 ; }
2022-07-25 12:06:09 +02:00
scale . color > trough { background-image : image ( #252525 ) ; background-repeat : no-repeat ; }
2022-04-13 20:49:36 +02:00
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 * */
2022-07-25 12:06:09 +02:00
progressbar { font-size : smaller ; color : rgba ( 237 , 240 , 245 , 0.4 ) ; font-feature-settings : "tnum" ; }
2022-04-13 20:49:36 +02:00
progressbar . horizontal > trough { min-width : 150 px ; }
2022-07-25 12:06:09 +02:00
progressbar . horizontal > trough , progressbar . horizontal > trough > progress { min-height : 0.3 em ; }
2022-04-13 20:49:36 +02:00
progressbar . vertical > trough { min-height : 80 px ; }
2022-07-25 12:06:09 +02:00
progressbar . vertical > trough , progressbar . vertical > trough > progress { min-width : 0.3 em ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
progressbar > trough > progress : disabled { background-color : #7c675a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
progressbar . osd { min-width : 3 px ; min-height : 3 px ; }
2022-04-13 20:49:36 +02:00
progressbar > trough . empty > progress { all : unset ; }
2022-04-20 10:15:28 +02:00
/************* Level Bar * */
2022-04-13 20:49:36 +02:00
/************* Level Bar * */
2022-07-25 12:06:09 +02:00
levelbar . horizontal trough > block { min-height : 9 px ; border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar . horizontal trough > block : dir ( rtl ) { border-radius : 0 0 px 0 px 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar . horizontal trough > block : dir ( ltr ) { border-radius : 0 px 0 0 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar . horizontal trough > block . empty , levelbar . horizontal trough > block . full { border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar . horizontal . discrete trough > block { min-height : 4 px ; margin : 2 px ; min-width : 24 px ; border-radius : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar . vertical trough > block { min-width : 9 px ; border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar . vertical . discrete > trough > block { min-width : 2 px ; margin : 2 px ; min-height : 32 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar > trough > block . low { background-color : #f57900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar > trough > block . high , levelbar > trough > block : not ( . empty ) { background-color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar > trough > block . full { background-color : #33d17a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
levelbar > trough > block . empty { background-color : #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
/**************** Print dialog * */
window . dialog . print drawing { color : #EDF0F5 ; background : none ; border : none ; padding : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
window . dialog . print drawing paper { background : white ; color : #2e3436 ; border : 1 px solid #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
window . dialog . print . dialog-action-box { margin : 12 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
/********** Frames * */
frame , . frame { border : 2 px solid ; background-color : transparent ; border-left-color : #252525 ; border-top-color : #252525 ; border-right-color : #666464 ; border-bottom-color : #666464 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
frame . border-outset frame . border-inset { border-color : #323131 ; border-style : inset ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
frame . border-outset { border-color : #323131 ; border-style : outset ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
frame . border-ridge { border-color : #323131 ; border-width : 4 px ; border-style : ridge ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
frame . border-groove { border-color : #323131 ; border-width : 4 px ; border-style : groove ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
frame { border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
frame > label { margin : 4 px ; }
2022-07-25 12:06:09 +02:00
actionbar > revealer > box { padding : 6 px ; border-top : 1 px solid #252525 ; }
2022-04-13 20:49:36 +02:00
actionbar > revealer > box , actionbar > revealer > box > box . start , actionbar > revealer > box > box . end { border-spacing : 6 px ; }
2022-07-25 12:06:09 +02:00
scrolledwindow > overshoot . top { background-color : alpha ( #CC0000 , 0.1 ) ; background-size : 100 % ; background-repeat : no-repeat ; border : none ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrolledwindow > overshoot . bottom { background-color : alpha ( #CC0000 , 0.1 ) ; background-size : 100 % ; background-repeat : no-repeat ; border : none ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrolledwindow > overshoot . left { background-color : alpha ( #CC0000 , 0.1 ) ; background-size : 100 % ; background-repeat : no-repeat ; border : none ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrolledwindow > overshoot . right { background-color : alpha ( #CC0000 , 0.1 ) ; background-size : 100 % ; background-repeat : no-repeat ; border : none ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrolledwindow > junction { background : #252525 , linear-gradient ( to bottom , transparent 1 px , #393838 1 px ) , linear-gradient ( to right , transparent 1 px , #393838 1 px ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
scrolledwindow > junction : dir ( rtl ) { background : #252525 , linear-gradient ( to bottom , transparent 1 px , #393838 1 px ) , linear-gradient ( to left , transparent 1 px , #393838 1 px ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
separator { border-width : 2 px ; border-style : solid ; background-color : #3f3e3e ; border-left-color : #666464 ; border-top-color : #666464 ; border-right-color : #252525 ; border-bottom-color : #252525 ; min-width : 0 px ; min-height : 0 px ; }
2022-04-13 20:49:36 +02:00
/********* Lists * */
2022-07-25 12:06:09 +02:00
listview , list { color : #EDF0F5 ; background-color : #323232 ; border-color : #252525 ; }
2022-04-13 20:49:36 +02:00
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 ; }
2022-07-25 12:06:09 +02:00
listview . horizontal row . separator , list . horizontal row . separator { border-left : 1 px solid #575859 ; }
2022-04-13 20:49:36 +02:00
row { transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
row { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
row : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
row . activatable { border-width : 2 px ; border-style : solid ; background-color : #323232 ; border-left-color : #585858 ; border-top-color : #585858 ; border-right-color : #191919 ; border-bottom-color : #191919 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
row . activatable . has-open-popup , row . activatable : hover { background-color : #3f3f3f ; border-left-color : #656565 ; border-top-color : #656565 ; border-right-color : #252525 ; border-bottom-color : #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
row . activatable : active { background-color : #323232 ; border-left-color : #191919 ; border-top-color : #191919 ; border-right-color : #585858 ; border-bottom-color : #585858 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
row . activatable : selected { color : #d1ff96 ; background-color : #669900 ; border-left-color : #99e600 ; border-top-color : #99e600 ; border-right-color : #446600 ; border-bottom-color : #446600 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
row . activatable : selected : active { background-color : #669900 ; border-left-color : #446600 ; border-top-color : #446600 ; border-right-color : #99e600 ; border-bottom-color : #99e600 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
row . activatable : selected . has-open-popup , row . activatable : selected : hover { background-color : #71a30f ; border-left-color : #a2e915 ; border-top-color : #a2e915 ; border-right-color : #51740b ; border-bottom-color : #51740b ; }
row : selected { outline-color : rgba ( 255 , 255 , 255 , 0.3 ) ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
columnview . column-separators > listview > row > cell { border-left-color : #575859 ; }
2022-04-13 20:49:36 +02:00
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 * */
2022-07-25 12:06:09 +02:00
columnview row : not ( : selected ) cell editablelabel : not ( . editing ) : focus-within { outline : 2 px solid rgba ( 102 , 153 , 0 , 0.7 ) ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview row : not ( : selected ) cell editablelabel . editing : focus-within { outline : 2 px solid #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview row : not ( : selected ) cell editablelabel . editing text selection { background-color : #669900 ; color : transparent ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
columnview row : not ( : selected ) cell editablelabel . editing text selection : focus-within { background-color : rgba ( 102 , 153 , 0 , 0.3 ) ; color : #EDF0F5 ; }
2022-04-13 20:49: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 * */
2022-07-25 12:06:09 +02:00
. app-notification { padding : 10 px ; border-spacing : 10 px ; border-radius : 0 0 5 px 5 px ; background-color : #203d79 ; background-clip : padding-box ; }
2022-04-13 20:49:36 +02:00
. 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" ) ; }
2022-07-25 12:06:09 +02:00
expander : disabled { color : #7c675a ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
expander-widget : focus : focus-visible > box > title { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
expander-widget > box > title { transition : none ; border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
expander-widget > box > title : hover > expander { color : white ; }
2022-04-13 20:49:36 +02:00
. 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 * */
2022-07-25 12:06:09 +02:00
calendar { color : #EDF0F5 ; border : 2 px solid ; background-color : #323232 ; border-left-color : #191919 ; border-top-color : #191919 ; border-right-color : #585858 ; border-bottom-color : #585858 ; font-feature-settings : "tnum" ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
calendar > header { border-bottom : 1 px solid #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
calendar > header > button { border : 2 px solid transparent ; padding : 1 px ; box-shadow : none ; background : none ; border-radius : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
calendar > grid > label . today { box-shadow : inset 0 px 0 px 0 1 px #6a6b6d ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
calendar > grid > label . today : selected { box-shadow : inset 0 px 0 px 0 1 px #d1ff96 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
calendar > grid > label : focus { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-offset : -2 px ; outline-width : 2 px ; outline-style : solid ; }
2022-04-13 20:49:36 +02:00
calendar > grid > label . day-number { padding : 4 px ; }
calendar > grid > label . day-number . other-month { color : alpha ( currentColor , 0.3 ) ; }
/*********** Dialogs * */
2022-07-25 12:06:09 +02:00
window . dialog . message . titlebar { min-height : 20 px ; background-image : none ; background-color : #3f3e3e ; border-style : none ; border-top-left-radius : 0 ; border-top-right-radius : 0 ; }
2022-04-13 20:49:36 +02:00
window . dialog . message box . dialog-vbox . vertical { border-spacing : 10 px ; }
window . dialog . message label . title { font-weight : 800 ; font-size : 15 pt ; }
2022-07-25 12:06:09 +02:00
window . dialog . message . csd . background { border-bottom-left-radius : 0 ; border-bottom-right-radius : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
window . dialog . message . csd . dialog-action-area button { padding : 10 px 14 px ; border-radius : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
filechooser . dialog-action-box { border-top : 1 px solid #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
filechooser # pathbarbox { border-bottom : 1 px solid #3f3e3e ; }
2022-04-13 20:49:36 +02:00
filechooserbutton > button > box { border-spacing : 6 px ; }
2022-07-25 12:06:09 +02:00
filechooserbutton : drop ( active ) { box-shadow : inset 0 0 0 1 px #33d17a ; }
2022-04-13 20:49:36 +02:00
/*********** Sidebar * */
2022-07-25 12:06:09 +02:00
. sidebar { background-color : #393838 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. sidebar : not ( separator ) : dir ( ltr ) , . sidebar : not ( separator ) . left , . sidebar : not ( separator ) . left : dir ( rtl ) { border-right : 1 px solid #252525 ; border-left-style : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. sidebar : not ( separator ) : dir ( rtl ) , . sidebar : not ( separator ) . right { border-left : 1 px solid #252525 ; border-right-style : none ; }
2022-04-13 20:49:36 +02:00
. 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 ; }
stacksidebar row { padding : 10 px 4 px ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
stacksidebar row { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
stacksidebar row : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
separator . sidebar { background-color : #252525 ; }
2022-04-13 20:49:36 +02:00
/********************** Navigation Sidebar * */
2022-07-25 12:06:09 +02:00
. navigation-sidebar { padding : 1 px 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. navigation-sidebar > separator { margin : 1 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. navigation-sidebar > row { min-height : 36 px ; padding : 0 8 px ; border-radius : 0 px ; margin : 0 1 px 2 px ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
. navigation-sidebar > row { outline : 0 solid transparent ; outline-offset : 4 px ; }
2022-07-25 12:06:09 +02:00
. navigation-sidebar > row : focus-visible : focus-within { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : -2 px ; }
2022-04-13 20:49: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 ; }
2022-07-25 12:06:09 +02:00
button . sidebar-button { min-height : 26 px ; min-width : 26 px ; margin-top : 3 px ; margin-bottom : 3 px ; padding : 0 ; }
2022-04-13 20:49:36 +02:00
placessidebar . navigation-sidebar > row : selected : active { box-shadow : none ; }
2022-07-25 12:06:09 +02:00
placessidebar . navigation-sidebar > row . sidebar-placeholder-row { padding : 0 8 px ; min-height : 2 px ; background-image : image ( #33d17a ) ; background-clip : content-box ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
placessidebar . navigation-sidebar > row . sidebar-new-bookmark-row { color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
placessidebar . navigation-sidebar > row : drop ( active ) : not ( : disabled ) { color : #33d17a ; box-shadow : inset 0 0 0 1 px #33d17a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
placessidebar . navigation-sidebar > row : drop ( active ) : not ( : disabled ) : selected { color : #d1ff96 ; background-color : #33d17a ; }
2022-04-13 20:49: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 * */
2022-07-25 12:06:09 +02:00
paned > separator { min-width : 4 px ; min-height : 4 px ; - gtk-icon-source : none ; border-width : 2 px ; border-style : solid ; background-image : radial-gradient ( circle closest - side , #EDF0F5 0 % , #EDF0F5 75 % , rgba ( 237 , 240 , 245 , 0 ) 100 % ) ; background-clip : padding-box ; background-repeat : no-repeat ; background-position : center ; background-color : #3f3e3e ; border-left-color : #666464 ; border-top-color : #666464 ; border-right-color : #252525 ; border-bottom-color : #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
paned > separator : selected { background-color : #669900 ; border-left-color : #99e600 ; border-top-color : #99e600 ; border-right-color : #446600 ; border-bottom-color : #446600 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
paned > separator . wide { min-width : 5 px ; min-height : 5 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
paned . horizontal > separator . wide { margin : 0 ; padding : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
paned . vertical > separator . wide { margin : 0 ; padding : 0 ; }
2022-04-13 20:49:36 +02:00
/************** GtkVideo * */
video { background : black ; }
video image . osd { min-width : 64 px ; min-height : 64 px ; border-radius : 32 px ; }
/************ Tooltips * */
2022-07-25 12:06:09 +02:00
tooltip { padding : 6 px 10 px ; border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
tooltip . background { border : 2 px solid ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; color : #66cbec ; }
2022-04-13 20:49:36 +02:00
tooltip > box { border-spacing : 6 px ; }
/***************** Color Chooser * */
2022-07-25 12:06:09 +02:00
colorswatch { transition : none ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
colorswatch { outline : 0 solid transparent ; outline-offset : 6 px ; }
2022-07-25 12:06:09 +02:00
colorswatch : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 4 px ; outline-offset : -2 px ; }
2022-04-13 20:49:36 +02:00
colorswatch : drop ( active ) , colorswatch { border-style : none ; }
colorswatch . dark > overlay { color : white ; }
2022-07-25 12:06:09 +02:00
colorswatch . dark . activatable : hover > overlay { border-color : #252525 ; }
2022-04-13 20:49:36 +02:00
colorswatch . light > overlay { color : black ; }
2022-07-25 12:06:09 +02:00
colorswatch . light . activatable : hover > overlay { border-color : #252525 ; }
2022-04-13 20:49:36 +02:00
colorswatch : drop ( active ) { box-shadow : none ; }
2022-07-25 12:06:09 +02:00
colorswatch : drop ( active ) . light > overlay { border-color : #33d17a ; box-shadow : inset 0 0 0 2 px #252525 , inset 0 0 0 1 px #33d17a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
colorswatch : drop ( active ) . dark > overlay { border-color : #33d17a ; box-shadow : inset 0 0 0 2 px #252525 , inset 0 0 0 1 px #33d17a ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
colorswatch > overlay { border : 1 px solid #252525 ; }
2022-04-13 20:49:36 +02:00
colorswatch . activatable : hover > overlay { box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.4 ) , inset 0 -1 px rgba ( 0 , 0 , 0 , 0.2 ) ; }
2022-07-25 12:06:09 +02:00
colorswatch # add-color-button { border-radius : 0 px 0 0 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
colorswatch # add-color-button : only-child { border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
colorswatch # add-color-button > overlay { border-width : 2 px ; color : #EDF0F5 ; background-color : #4e584d ; border-left-color : #728171 ; border-top-color : #728171 ; border-right-color : #363d35 ; border-bottom-color : #363d35 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
colorswatch # add-color-button . activatable : hover > overlay { border-width : 2 px ; background-color : #5a6659 ; border-left-color : #7f8e7d ; border-top-color : #7f8e7d ; border-right-color : #424a41 ; border-bottom-color : #424a41 ; }
2022-04-13 20:49:36 +02:00
colorswatch : disabled { opacity : 0.5 ; }
2022-07-25 12:06:09 +02:00
colorswatch : disabled > overlay { border-color : #7c675a ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
row : selected colorswatch { box-shadow : 0 0 0 2 px #d1ff96 ; }
2022-04-13 20:49:36 +02:00
colorswatch # editor-color-sample { border-radius : 4 px ; }
colorswatch # editor-color-sample > overlay { border-radius : 4.5 px ; }
2022-07-25 12:06:09 +02:00
plane { transition : none ; transition-property : outline , outline-width , outline-offset , outline-color ; transition-duration : 300 ms ; animation-timing-function : ease-in-out ; }
2022-04-13 20:49:36 +02:00
plane { outline : 0 solid transparent ; outline-offset : 6 px ; }
2022-07-25 12:06:09 +02:00
plane : focus : focus-visible { outline-color : rgba ( 102 , 153 , 0 , 0.7 ) ; outline-width : 2 px ; outline-offset : 2 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
colorchooser . popover . osd { border-radius : 0 px ; }
2022-04-13 20:49:36 +02:00
/******** Misc * */
2022-07-25 12:06:09 +02:00
. content-view { background-color : #2d2c2c ; }
2022-04-13 20:49:36 +02:00
. content-view : hover { - gtk-icon-filter : brightness ( 1.2 ) ; }
2022-07-25 12:06:09 +02:00
. content-view . tile { margin : 2 px ; background-color : black ; border-radius : 0 ; padding : 0 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. content-view . tile : active , . content-view . tile : selected { background-color : #669900 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. content-view . tile : disabled { background-color : #493e37 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. osd . scale-popup button . flat { border-style : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. scale-popup button : hover { background-color : rgba ( 237 , 240 , 245 , 0.1 ) ; }
2022-04-13 20:49:36 +02:00
/********************** Window Decorations * */
window { border-width : 0 px ; }
2022-07-25 12:06:09 +02:00
window . csd , window . solid-csd { box-shadow : 0 0 0 4 px #88cc00 , 2 px 2 px 0 2 px #4e7500 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
window . csd : backdrop , window . solid-csd : backdrop { box-shadow : 0 0 0 4 px #595757 , 2 px 2 px 0 2 px #2d2c2c ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
window . csd . popup , window . solid-csd . popup { box-shadow : none ; border-width : 2 px ; border-style : solid ; background-color : #3f3e3e ; border-left-color : #666464 ; border-top-color : #666464 ; border-right-color : #252525 ; border-bottom-color : #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
window . maximized , window . fullscreen { border-radius : 0 ; box-shadow : none ; border : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
window . popup { border-width : 2 px ; background-color : #3f3e3e ; border-left-color : #666464 ; border-top-color : #666464 ; border-right-color : #252525 ; border-bottom-color : #252525 ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
tooltip . csd { border-radius : 0 ; box-shadow : none ; }
2022-04-13 20:49:36 +02:00
. monospace { font-family : monospace ; }
/********************** Touch Copy & Paste * */
2022-04-23 11:17:56 +02:00
/********************** Touch Copy & Paste * */
2022-07-25 12:06:09 +02:00
cursor-handle { border-width : 2 px ; color : #EDF0F5 ; background-color : #4e584d ; border-left-color : #728171 ; border-top-color : #728171 ; border-right-color : #363d35 ; border-bottom-color : #363d35 ; border : 1 px solid #090909 ; border-radius : 100 % ; transition : none ; transition-property : background , border , box-shadow ; min-height : 18 px ; min-width : 10 px ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
cursor-handle : hover { border-width : 2 px ; background-color : #5a6659 ; border-left-color : #7f8e7d ; border-top-color : #7f8e7d ; border-right-color : #424a41 ; border-bottom-color : #424a41 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
cursor-handle : active { border-color : black ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
cursor-handle : disabled { border-width : 2 px ; color : #7c675a ; background-color : #493e37 ; border-left-color : #756358 ; border-top-color : #756358 ; border-right-color : #2c2521 ; border-bottom-color : #2c2521 ; }
2022-04-13 20:49:36 +02:00
2022-04-23 11:17:56 +02:00
cursor-handle . top : dir ( ltr ) , cursor-handle . bottom : dir ( rtl ) { border-radius : 100 % 5 px 5 px 5 px ; }
2022-04-13 20:49:36 +02:00
2022-04-23 11:17:56 +02:00
cursor-handle . bottom : dir ( ltr ) , cursor-handle . top : dir ( rtl ) { border-radius : 5 px 100 % 5 px 5 px ; }
2022-04-13 20:49:36 +02:00
shortcuts-section { margin : 20 px ; }
. shortcuts-search-results { margin : 20 px ; border-spacing : 24 px ; }
shortcut { border-spacing : 6 px ; }
2022-07-25 12:06:09 +02:00
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 ; border : 2 px solid ; background-color : #323232 ; border-left-color : #585858 ; border-top-color : #585858 ; border-right-color : #191919 ; border-bottom-color : #191919 ; border-bottom-width : 4 px ; border-radius : 5 px ; font-size : smaller ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
: 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 ; }
2022-04-13 20:49:36 +02:00
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 ; }
2022-07-25 12:06:09 +02:00
. emoji-searchbar { padding : 6 px ; border-spacing : 6 px ; border-bottom : 1 px solid #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
. emoji-toolbar { padding : 6 px ; border-spacing : 6 px ; border-top : 1 px solid #252525 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
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 ; border-width : 2 px ; border-color : transparent ; background-color : transparent ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . emoji-section : hover { border-width : 2 px ; background-color : #5a6659 ; border-left-color : #7f8e7d ; border-top-color : #7f8e7d ; border-right-color : #424a41 ; border-bottom-color : #424a41 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
button . emoji-section : checked { border-width : 2 px ; color : #d1ff96 ; background-color : #669900 ; border-left-color : #446600 ; border-top-color : #446600 ; border-right-color : #99e600 ; border-bottom-color : #99e600 ; }
2022-04-13 20:49:36 +02:00
popover . emoji-picker emoji { font-size : x-large ; padding : 6 px ; border-radius : 6 px ; }
2022-07-25 12:06:09 +02:00
popover . emoji-picker emoji : focus , popover . emoji-picker emoji : hover { background : #669900 ; }
2022-04-13 20:49:36 +02:00
emoji-completion-row > box { border-spacing : 10 px ; padding : 2 px 10 px ; }
2022-07-25 12:06:09 +02:00
emoji-completion-row : focus , emoji-completion-row : hover { background-color : #669900 ; color : #d1ff96 ; }
2022-04-13 20:49:36 +02:00
2022-07-25 12:06:09 +02:00
emoji-completion-row emoji : focus , emoji-completion-row emoji : hover { background-color : #669900 ; }
2022-04-13 20:49:36 +02:00
popover . entry-completion > contents { padding : 0 ; }
2022-07-25 12:06:09 +02:00
statusbar { padding : 2 px 5 px 2 px 5 px ; border-width : 2 px ; border-style : solid ; color : #66cbec ; background-color : #203d79 ; border-left-color : #152951 ; border-top-color : #152951 ; border-right-color : #305cb6 ; border-bottom-color : #305cb6 ; }
2022-04-13 20:49:36 +02:00
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" ) ; }
2022-07-25 12:06:09 +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 ; }
# XfceNotifyWindow { color : #66cbec ; border-radius : 0 px ; border-width : 2 px ; border-style : solid ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
# XfceNotifyWindow label { color : #66cbec ; }
2022-04-25 11:37:22 +02:00
2022-07-25 12:06:09 +02:00
# XfceNotifyWindow label # summary { font-weight : bold ; }
2022-04-25 11:37:22 +02:00
2022-07-25 12:06:09 +02:00
# XfceNotifyWindow button { border-width : 2 px ; color : #66cbec ; background-color : #203d79 ; border-left-color : #305cb6 ; border-top-color : #305cb6 ; border-right-color : #152951 ; border-bottom-color : #152951 ; }
2022-04-25 11:37:22 +02:00
2022-07-25 12:06:09 +02:00
# XfceNotifyWindow button : hover { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #3566ca ; border-top-color : #3566ca ; border-right-color : #1b3365 ; border-bottom-color : #1b3365 ; }
2022-04-25 11:37:22 +02:00
2022-07-25 12:06:09 +02:00
# XfceNotifyWindow button : active { border-width : 2 px ; color : #66cbec ; background-color : #25478d ; border-left-color : #1b3365 ; border-top-color : #1b3365 ; border-right-color : #3566ca ; border-bottom-color : #3566ca ; }
2022-04-25 11:37:22 +02:00
2022-04-13 20:49:36 +02:00
/* GTK NAMED COLORS ---------------- use responsibly! */
/ *
widget text / foreground color * /
2022-07-25 12:06:09 +02:00
@ define-color theme_fg_color # EDF0F5 ;
2022-04-13 20:49:36 +02:00
/ *
text color for entries , views and content in general * /
2022-07-25 12:06:09 +02:00
@ define-color theme_text_color # EDF0F5 ;
2022-04-13 20:49:36 +02:00
/ *
widget base background color * /
2022-07-25 12:06:09 +02:00
@ define-color theme_bg_color # 3f3e3e ;
2022-04-13 20:49:36 +02:00
/ *
text widgets and the like base background color * /
2022-07-25 12:06:09 +02:00
@ define-color theme_base_color # 323232 ;
2022-04-13 20:49:36 +02:00
/ *
base background color of selections * /
2022-07-25 12:06:09 +02:00
@ define-color theme_selected_bg_color # 669900 ;
2022-04-13 20:49:36 +02:00
/ *
text / foreground color of selections * /
2022-07-25 12:06:09 +02:00
@ define-color theme_selected_fg_color # d1ff96 ;
2022-04-13 20:49:36 +02:00
/ *
base background color of insensitive widgets * /
2022-07-25 12:06:09 +02:00
@ define-color insensitive_bg_color # 493e37 ;
2022-04-13 20:49:36 +02:00
/ *
text foreground color of insensitive widgets * /
2022-07-25 12:06:09 +02:00
@ define-color insensitive_fg_color # 7c675a ;
2022-04-13 20:49:36 +02:00
/ *
insensitive text widgets and the like base background color * /
2022-07-25 12:06:09 +02:00
@ define-color insensitive_base_color # 323232 ;
2022-04-13 20:49:36 +02:00
/ *
widget text / foreground color on backdrop windows * /
2022-07-25 12:06:09 +02:00
@ define-color theme_unfocused_fg_color # EDF0F5 ;
2022-04-13 20:49:36 +02:00
/ *
text color for entries , views and content in general on backdrop windows * /
2022-07-25 12:06:09 +02:00
@ define-color theme_unfocused_text_color # EDF0F5 ;
2022-04-13 20:49:36 +02:00
/ *
widget base background color on backdrop windows * /
2022-07-25 12:06:09 +02:00
@ define-color theme_unfocused_bg_color # 3f3e3e ;
2022-04-13 20:49:36 +02:00
/ *
text widgets and the like base background color on backdrop windows * /
2022-07-25 12:06:09 +02:00
@ define-color theme_unfocused_base_color # 323232 ;
2022-04-13 20:49:36 +02:00
/ *
base background color of selections on backdrop windows * /
2022-07-25 12:06:09 +02:00
@ define-color theme_unfocused_selected_bg_color # 669900 ;
2022-04-13 20:49:36 +02:00
/ *
text / foreground color of selections on backdrop windows * /
2022-07-25 12:06:09 +02:00
@ define-color theme_unfocused_selected_fg_color # d1ff96 ;
2022-04-13 20:49:36 +02:00
/ *
insensitive color on backdrop windows * /
2022-07-25 12:06:09 +02:00
@ define-color unfocused_insensitive_color # 493e37 ;
2022-04-13 20:49:36 +02:00
/ *
widgets main borders color * /
2022-07-25 12:06:09 +02:00
@ define-color borders # 252525 ;
2022-04-13 20:49:36 +02:00
/ *
widgets main borders color on backdrop windows * /
2022-07-25 12:06:09 +02:00
@ define-color unfocused_borders # 252525 ;
2022-04-13 20:49:36 +02:00
/ *
these are pretty self explicative * /
2022-07-25 12:06:09 +02:00
@ define-color warning_color # f57900 ;
@ define-color error_color # CC0000 ;
@ define-color success_color # 33d17a ;
2022-04-13 20:49:36 +02:00
/ *
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 . . . * /
2022-07-25 12:06:09 +02:00
@ define-color wm_title shade ( # EDF0F5 , 1 . 8 ) ;
@ define-color wm_unfocused_title # EDF0F5 ;
@ define-color wm_highlight rgba ( 0 , 0 , 0 , 0 ) ;
@ define-color wm_borders_edge rgba ( 237 , 240 , 245 , 0 . 07 ) ;
@ define-color wm_bg_a shade ( # 3f3e3e , 1 . 2 ) ;
@ define-color wm_bg_b # 3f3e3e ;
2022-04-13 20:49:36 +02:00
@ define-color wm_shadow alpha ( black , 0 . 35 ) ;
@ define-color wm_border alpha ( black , 0 . 18 ) ;
2022-07-25 12:06:09 +02:00
@ 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 ) ;
2022-04-13 20:49:36 +02:00
/* content view background such as thumbnails view in Photos or Boxes */
2022-07-25 12:06:09 +02:00
@ define-color content_view_bg # 323232 ;
2022-04-13 20:49:36 +02:00
/* Very contrasty background for text views (@theme_text_color foreground) */
2022-07-25 12:06:09 +02:00
@ define-color text_view_bg # 232323 ;