2023-04-03 12:17:36 +02:00
/*Usually an automatic fg color on these backgrounds should check this value!*/
/*************************** Check and Radio buttons * */
/*************************** Check and Radio buttons * */
2023-04-14 16:21:05 +02:00
calendar : selected , row : selected , treeview . view : selected : focus , treeview . view : selected , modelbutton . flat : selected , . menuitem . button . flat : selected , spinbutton : not ( . vertical ) selection , entry selection , flowbox flowboxchild : selected , . view text selection : focus , iconview text selection : focus , . view text selection , iconview text selection , textview text selection : focus , textview text selection , . view : selected : focus , iconview : selected : focus , . view : selected , iconview : selected , . view text : selected : focus , iconview text : selected : focus , textview text : selected : focus , . view text : selected , iconview text : selected , textview text : selected { background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. selection-mode button . titlebutton , label : selected , calendar : selected , row : selected , treeview . view : selected : focus , treeview . view : selected , modelbutton . flat : selected , . menuitem . button . flat : selected , spinbutton : not ( . vertical ) selection , entry selection , flowbox flowboxchild : selected , . view text selection : focus , iconview text selection : focus , . view text selection , iconview text selection , textview text selection : focus , textview text selection , . view : selected : focus , iconview : selected : focus , . view : selected , iconview : selected , . view text : selected : focus , iconview text : selected : focus , textview text : selected : focus , . view text : selected , iconview text : selected , textview text : selected { color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
label : disabled selection , . selection-mode button . titlebutton : disabled , label : disabled : selected , calendar : disabled : selected , row : disabled : selected , treeview . view : disabled : selected , modelbutton . flat : disabled : selected , . menuitem . button . flat : disabled : selected , spinbutton : not ( . vertical ) selection : disabled , entry selection : disabled , flowbox flowboxchild : disabled : selected , . view text selection : disabled , iconview text selection : disabled , textview text selection : disabled : focus , textview text selection : disabled , . view : disabled : selected , iconview : disabled : selected , . view text : disabled : selected , iconview text : disabled : selected , textview text : disabled : selected { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
* { padding : 0 ; - GtkToolButton-icon-spacing : 4 ; - GtkTextView-error-underline-color : #CC0000 ; - GtkScrolledWindow-scrollbar-spacing : 0 ; - GtkToolItemGroup-expander-size : 11 ; - GtkWidget-text-handle-width : 20 ; - GtkWidget-text-handle-height : 24 ; - GtkDialog-button-spacing : 4 ; - GtkDialog-action-area-border : 0 ; outline-color : alpha ( currentColor , 0.3 ) ; outline-style : dashed ; outline-offset : -3 px ; outline-width : 1 px ; - gtk-outline-radius : 1 px ; - gtk-secondary-caret-color : #769830 ; }
2023-04-03 12:17:36 +02:00
/*************** Base States * */
. background { color : #EDF0F5 ; background-color : #3f3e3e ; }
. background : backdrop { color : #96979a ; background-color : #3f3e3e ; text-shadow : none ; - gtk-icon-shadow : none ; }
/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
* : disabled { - gtk-icon-effect : dim ; }
. gtkstyle-fallback { color : #EDF0F5 ; background-color : #3f3e3e ; }
. gtkstyle-fallback : hover { color : #EDF0F5 ; background-color : #595757 ; }
. gtkstyle-fallback : active { color : #EDF0F5 ; background-color : #252525 ; }
2023-04-14 16:21:05 +02:00
. gtkstyle-fallback : disabled { color : #7b7b7b ; background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. gtkstyle-fallback : selected { color : #ffffff ; background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
. view , iconview , . view text , iconview text , textview text { color : #EDF0F5 ; background-color : #323232 ; }
2023-04-14 16:21:05 +02:00
. view : disabled , iconview : disabled , . view text : disabled , iconview text : disabled , textview text : disabled { color : #7b7b7b ; background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
. view : selected : focus , iconview : selected : focus , . view : selected , iconview : selected , . view text : selected : focus , iconview text : selected : focus , textview text : selected : focus , . view text : selected , iconview text : selected , textview text : selected { border-radius : 3 px ; }
2023-04-14 16:21:05 +02:00
. view > : selected , iconview > : selected , . view text > : selected , iconview text > : selected , textview text > : selected { background-color : #769830 ; }
2023-04-03 17:12:05 +02:00
2023-04-03 12:17:36 +02:00
textview border { background-color : #393838 ; }
2023-04-14 16:21:05 +02:00
. rubberband , rubberband , . content-view rubberband , . content-view . rubberband , treeview . view rubberband , flowbox rubberband { border : 1 px solid #587124 ; background-color : rgba ( 88 , 113 , 36 , 0.2 ) ; }
2023-04-03 12:17:36 +02:00
flowbox flowboxchild { padding : 3 px ; }
flowbox flowboxchild : selected { outline-offset : -2 px ; }
. content-view . tile { margin : 2 px ; background-color : black ; border-radius : 0 ; padding : 0 ; }
2023-04-14 16:21:05 +02:00
. content-view . tile : active , . content-view . tile : selected { background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. content-view . tile : disabled { background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
label { caret-color : currentColor ; }
2023-04-14 16:21:05 +02:00
label selection { background-color : #769830 ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
label : disabled { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
button label : disabled { color : inherit ; }
label : disabled : backdrop { color : #666464 ; }
button label : disabled : backdrop { color : inherit ; }
label . error { color : #CC0000 ; }
label . error : disabled { color : rgba ( 204 , 0 , 0 , 0.5 ) ; }
label . error : disabled : backdrop { color : rgba ( 204 , 0 , 0 , 0.4 ) ; }
. dim-label , . titlebar : not ( headerbar ) . subtitle , headerbar . subtitle , label . separator { opacity : 0.55 ; text-shadow : none ; }
assistant . sidebar { background-color : #323232 ; border-top : 1 px solid #595757 ; }
assistant . sidebar : backdrop { background-color : #353535 ; border-color : #545252 ; }
assistant . csd . sidebar { border-top-style : none ; }
assistant . sidebar label { padding : 6 px 12 px ; }
assistant . sidebar label . highlight { background-color : #626263 ; }
. osd . scale-popup , . app-notification , . app-notification . frame , . csd popover . background . osd , popover . background . osd , . csd popover . background . touch-selection , . csd popover . background . magnifier , popover . background . touch-selection , popover . background . magnifier , . osd { color : #66cbec ; border : 1 px solid #66cbec ; background-color : rgba ( 32 , 61 , 121 , 0.7 ) ; background-clip : padding-box ; }
/********************* Spinner Animation * */
@ keyframes spin { to { - gtk-icon-transform : rotate ( 1 turn ) ; } }
spinner { background : none ; opacity : 0.1 ; - gtk-icon-source : - gtk-icontheme ( "process-working-symbolic" ) ; }
spinner : backdrop { color : #96979a ; }
spinner : checked { opacity : 1 ; animation : spin 1 s linear infinite ; }
2023-04-14 16:21:05 +02:00
spinner : checked : disabled { opacity : 0.5 ; color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
/********************** General Typography * */
. large-title { font-weight : 300 ; font-size : 24 pt ; }
. title-1 { font-weight : 800 ; font-size : 20 pt ; }
. title-2 { font-weight : 800 ; font-size : 15 pt ; }
. title-3 { font-weight : 700 ; font-size : 15 pt ; }
. title-4 { font-weight : 700 ; font-size : 13 pt ; }
. heading { font-weight : 700 ; font-size : 11 pt ; }
. body { font-weight : 400 ; font-size : 11 pt ; }
. caption-heading { font-weight : 700 ; font-size : 9 pt ; }
. caption { font-weight : 400 ; font-size : 9 pt ; }
/**************** Text Entries * */
2023-04-14 16:21:05 +02:00
spinbutton : not ( . vertical ) , entry { min-height : 28 px ; padding-left : 1 px ; padding-right : 1 px ; border : 1 px solid ; border-radius : 0 px ; transition : all 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; color : #EDF0F5 ; border-color : #575859 ; background-color : #323232 ; box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 0 0 transparent ; }
2023-04-03 12:17:36 +02:00
spinbutton : not ( . vertical ) image . left , entry image . left { margin-right : 6 px ; }
spinbutton : not ( . vertical ) image . right , entry image . right { margin-left : 6 px ; }
spinbutton . flat : not ( . vertical ) , entry . flat : focus , entry . flat : backdrop , entry . flat : disabled , entry . flat { min-height : 0 ; padding : 2 px ; padding-left : 1 px ; padding-right : 1 px ; background-color : transparent ; border-color : transparent ; border-radius : 0 ; }
2023-04-14 16:21:05 +02:00
spinbutton : focus : not ( . vertical ) , entry : focus { box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 1 px 1 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
spinbutton : disabled : not ( . vertical ) , entry : disabled { color : #7b7b7b ; border-color : #626262 ; background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
spinbutton . error : not ( . vertical ) , entry . error { color : #CC0000 ; border-color : #CC0000 ; }
2023-04-14 16:21:05 +02:00
spinbutton . error : focus : not ( . vertical ) , entry . error : focus { box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 1 px 1 px #CC0000 ; }
2023-04-03 12:17:36 +02:00
spinbutton . error : not ( . vertical ) selection , entry . error selection { background-color : #CC0000 ; }
spinbutton . warning : not ( . vertical ) , entry . warning { color : #f57900 ; border-color : #f57900 ; }
2023-04-14 16:21:05 +02:00
spinbutton . warning : focus : not ( . vertical ) , entry . warning : focus { box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 1 px 1 px #f57900 ; }
2023-04-03 12:17:36 +02:00
spinbutton . warning : not ( . vertical ) selection , entry . warning selection { background-color : #f57900 ; }
spinbutton : not ( . vertical ) image , entry image { color : #c8cace ; }
spinbutton : not ( . vertical ) image : hover , entry image : hover { color : #EDF0F5 ; }
2023-04-14 16:21:05 +02:00
spinbutton : not ( . vertical ) image : active , entry image : active { color : #769830 ; }
2023-04-03 12:17:36 +02:00
spinbutton : not ( . vertical ) image : backdrop , entry image : backdrop { color : #838386 ; }
spinbutton : drop ( active ) : not ( . vertical ) , entry : drop ( active ) : focus , entry : drop ( active ) { border-color : #33d17a ; box-shadow : inset 0 0 0 1 px #33d17a ; }
. osd spinbutton : not ( . vertical ) , . osd entry { border-color : rgba ( 54 , 106 , 157 , 0.76 ) ; color : #66cbec ; background-color : rgba ( 102 , 203 , 236 , 0.5 ) ; background-clip : padding-box ; - gtk-icon-shadow : 0 1 px black ; }
2023-04-14 16:21:05 +02:00
. osd spinbutton : focus : not ( . vertical ) , . osd entry : focus { box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 3 px 2 px #66cbec ; }
2023-04-03 12:17:36 +02:00
. osd spinbutton : backdrop : not ( . vertical ) , . osd entry : backdrop { color : #66cbec ; border-color : #66cbec ; background-color : rgba ( 102 , 203 , 236 , 0.5 ) ; background-clip : padding-box ; box-shadow : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
. osd spinbutton : disabled : not ( . vertical ) , . osd entry : disabled { color : #4384b3 ; border-color : rgba ( 86 , 171 , 210 , 0.75 ) ; background-color : rgba ( 39 , 75 , 133 , 0.5 ) ; background-clip : padding-box ; }
2023-04-14 16:21:05 +02:00
spinbutton : not ( . vertical ) progress , entry progress { margin : 2 px -0 px ; background-color : transparent ; background-image : none ; border-radius : 0 ; border-width : 0 0 2 px ; border-color : #769830 ; border-style : solid ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
spinbutton : not ( . vertical ) progress : backdrop , entry progress : backdrop { background-color : transparent ; }
. linked : not ( . vertical ) > spinbutton : dir ( rtl ) : not ( . vertical ) , . linked : not ( . vertical ) > spinbutton : dir ( ltr ) : not ( . vertical ) , . linked : not ( . vertical ) > entry : dir ( rtl ) , . linked : not ( . vertical ) > entry : dir ( ltr ) , . linked : not ( . vertical ) > entry : first-child : dir ( rtl ) , . linked : not ( . vertical ) > entry : first-child : dir ( ltr ) , . linked : not ( . vertical ) > entry : last-child : dir ( rtl ) , . linked : not ( . vertical ) > entry : last-child : dir ( ltr ) , . linked : not ( . vertical ) > entry : only-child : dir ( rtl ) , . linked : not ( . vertical ) > entry : only-child : dir ( ltr ) { border-radius : 0 px ; }
2023-04-14 16:21:05 +02:00
. linked : not ( . vertical ) > spinbutton : focus : not ( . vertical ) + spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > spinbutton : focus : not ( . vertical ) + button , . linked : not ( . vertical ) > spinbutton : focus : not ( . vertical ) + combobox > box > button . combo , . linked : not ( . vertical ) > spinbutton : focus : not ( . vertical ) + entry , . linked : not ( . vertical ) > entry : focus + button , . linked : not ( . vertical ) > entry : focus + combobox > box > button . combo , . linked : not ( . vertical ) > entry : focus + spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > entry : focus + entry { border-left-color : #769830 ; }
2023-04-03 12:17:36 +02:00
. linked : not ( . vertical ) > spinbutton : focus . error : not ( . vertical ) + spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > spinbutton : focus . error : not ( . vertical ) + button , . linked : not ( . vertical ) > spinbutton : focus . error : not ( . vertical ) + combobox > box > button . combo , . linked : not ( . vertical ) > spinbutton : focus . error : not ( . vertical ) + entry , . linked : not ( . vertical ) > entry : focus . error + button , . linked : not ( . vertical ) > entry : focus . error + combobox > box > button . combo , . linked : not ( . vertical ) > entry : focus . error + spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > entry : focus . error + entry { border-left-color : #CC0000 ; }
. linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + button , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + combobox > box > button . combo , . linked : not ( . vertical ) > spinbutton : drop ( active ) : not ( . vertical ) + entry , . linked : not ( . vertical ) > entry : drop ( active ) + button , . linked : not ( . vertical ) > entry : drop ( active ) + combobox > box > button . combo , . linked : not ( . vertical ) > entry : drop ( active ) + spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > entry : drop ( active ) + entry { border-left-color : #33d17a ; }
. linked . vertical > spinbutton : not ( : disabled ) : not ( . vertical ) + entry : not ( : disabled ) , . linked . vertical > spinbutton : not ( : disabled ) : not ( . vertical ) + spinbutton : not ( : disabled ) : not ( . vertical ) , . linked . vertical > entry : not ( : disabled ) + entry : not ( : disabled ) , . linked . vertical > entry : not ( : disabled ) + spinbutton : not ( : disabled ) : not ( . vertical ) { border-top-color : #3e3d3d ; }
. linked . vertical > spinbutton : not ( : disabled ) : not ( . vertical ) + entry : not ( : disabled ) : backdrop , . linked . vertical > spinbutton : not ( : disabled ) : not ( . vertical ) + spinbutton : not ( : disabled ) : backdrop : not ( . vertical ) , . linked . vertical > entry : not ( : disabled ) + entry : not ( : disabled ) : backdrop , . linked . vertical > entry : not ( : disabled ) + spinbutton : not ( : disabled ) : backdrop : not ( . vertical ) { border-top-color : #3e3d3d ; }
. linked . vertical > spinbutton : disabled : not ( . vertical ) + spinbutton : disabled : not ( . vertical ) , . linked . vertical > spinbutton : disabled : not ( . vertical ) + entry : disabled , . linked . vertical > entry : disabled + spinbutton : disabled : not ( . vertical ) , . linked . vertical > entry : disabled + entry : disabled { border-top-color : #3e3d3d ; }
2023-04-14 16:21:05 +02:00
. linked . vertical > spinbutton : not ( . vertical ) + spinbutton : focus : not ( : only-child ) : not ( . vertical ) , . linked . vertical > spinbutton : not ( . vertical ) + entry : focus : not ( : only-child ) , . linked . vertical > entry + spinbutton : focus : not ( : only-child ) : not ( . vertical ) , . linked . vertical > entry + entry : focus : not ( : only-child ) { border-top-color : #769830 ; }
2023-04-03 12:17:36 +02:00
. linked . vertical > spinbutton : not ( . vertical ) + spinbutton : focus . error : not ( : only-child ) : not ( . vertical ) , . linked . vertical > spinbutton : not ( . vertical ) + entry : focus . error : not ( : only-child ) , . linked . vertical > entry + spinbutton : focus . error : not ( : only-child ) : not ( . vertical ) , . linked . vertical > entry + entry : focus . error : not ( : only-child ) { border-top-color : #CC0000 ; }
. linked . vertical > spinbutton : not ( . vertical ) + spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) , . linked . vertical > spinbutton : not ( . vertical ) + entry : drop ( active ) : not ( : only-child ) , . linked . vertical > entry + spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) , . linked . vertical > entry + entry : drop ( active ) : not ( : only-child ) { border-top-color : #33d17a ; }
2023-04-14 16:21:05 +02:00
. linked . vertical > spinbutton : focus : not ( : only-child ) : not ( . vertical ) + spinbutton : not ( . vertical ) , . linked . vertical > spinbutton : focus : not ( : only-child ) : not ( . vertical ) + entry , . linked . vertical > spinbutton : focus : not ( : only-child ) : not ( . vertical ) + button , . linked . vertical > spinbutton : focus : not ( : only-child ) : not ( . vertical ) + combobox > box > button . combo , . linked . vertical > entry : focus : not ( : only-child ) + spinbutton : not ( . vertical ) , . linked . vertical > entry : focus : not ( : only-child ) + entry , . linked . vertical > entry : focus : not ( : only-child ) + button , . linked . vertical > entry : focus : not ( : only-child ) + combobox > box > button . combo { border-top-color : #769830 ; }
2023-04-03 12:17:36 +02:00
. linked . vertical > spinbutton : focus . error : not ( : only-child ) : not ( . vertical ) + spinbutton : not ( . vertical ) , . linked . vertical > spinbutton : focus . error : not ( : only-child ) : not ( . vertical ) + entry , . linked . vertical > spinbutton : focus . error : not ( : only-child ) : not ( . vertical ) + button , . linked . vertical > spinbutton : focus . error : not ( : only-child ) : not ( . vertical ) + combobox > box > button . combo , . linked . vertical > entry : focus . error : not ( : only-child ) + spinbutton : not ( . vertical ) , . linked . vertical > entry : focus . error : not ( : only-child ) + entry , . linked . vertical > entry : focus . error : not ( : only-child ) + button , . linked . vertical > entry : focus . error : not ( : only-child ) + combobox > box > button . combo { border-top-color : #CC0000 ; }
. linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + spinbutton : not ( . vertical ) , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + entry , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + button , . linked . vertical > spinbutton : drop ( active ) : not ( : only-child ) : not ( . vertical ) + combobox > box > button . combo , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + spinbutton : not ( . vertical ) , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + entry , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + button , . linked . vertical > entry : drop ( active ) : not ( : only-child ) + combobox > box > button . combo { border-top-color : #33d17a ; }
spinbutton . error : not ( . vertical ) , entry . error { color : #CC0000 ; }
treeview entry : focus : dir ( rtl ) , treeview entry : focus : dir ( ltr ) { background-color : #323232 ; transition-property : color , background ; }
treeview entry . flat , treeview entry { border-radius : 0 ; background-image : none ; background-color : #323232 ; }
2023-04-14 16:21:05 +02:00
treeview entry . flat : focus , treeview entry : focus { border-color : #769830 ; }
2023-04-03 12:17:36 +02:00
. entry-tag { padding : 5 px ; margin-top : 2 px ; margin-bottom : 2 px ; border-style : none ; color : #323232 ; background-color : #909194 ; }
: dir ( ltr ) . entry-tag { margin-left : 8 px ; margin-right : -5 px ; }
: dir ( rtl ) . entry-tag { margin-left : -5 px ; margin-right : 8 px ; }
. entry-tag : hover { background-color : #aaabad ; }
: backdrop . entry-tag { color : #353535 ; background-color : #656667 ; }
. entry-tag . button { background-color : transparent ; color : rgba ( 50 , 50 , 50 , 0.7 ) ; }
: not ( : backdrop ) . entry-tag . button : hover { border : 1 px solid #909194 ; color : #323232 ; }
: not ( : backdrop ) . entry-tag . button : active { background-color : #909194 ; color : rgba ( 50 , 50 , 50 , 0.7 ) ; }
/****************************************************** Buttons * */
@ keyframes needs_attention { from { background-image : - gtk-gradient ( radial , center center , 0 , center center , 0.01 , to ( #f57900 ) , to ( transparent ) ) ; }
to { background-image : - gtk-gradient ( radial , center center , 0 , center center , 0.5 , to ( #f57900 ) , to ( transparent ) ) ; } }
2023-04-14 16:21:05 +02:00
scrollbar slider , expander title > arrow , notebook > header tabs > tab , notebook > header > tabs > arrow , treeview . view header button , modelbutton . flat arrow , button { min-height : 24 px ; min-width : 16 px ; padding : 2 px 6 px ; border : 1 px solid ; border-radius : 3 px ; transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; margin : 1 px ; color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
button . sidebar-button , scrollbar slider . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , expander title > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , notebook > header tabs > tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , notebook > header > tabs > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , modelbutton . flat arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) , button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
button . sidebar-button : disabled , scrollbar slider . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , expander title > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , notebook > header tabs > tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , notebook > header > tabs > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , modelbutton . flat arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled , button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : disabled { background-color : #494949 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrollbar slider : hover , scrollbar slider : focus , expander title > arrow : hover , notebook > header tabs > tab : hover , notebook > header > tabs > arrow : hover , treeview . view header button : hover , modelbutton . flat arrow : hover , expander title > arrow : focus , notebook > header tabs > tab : focus , notebook > header > tabs > arrow : focus , treeview . view header button : focus , modelbutton . flat arrow : focus , button : hover , button : checked : hover , button : active : hover , button : focus , button : focus : checked { border-color : currentColor ; - gtk-icon-effect : highlight ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrollbar slider : active , expander title > arrow : active , notebook > header tabs > tab : active , notebook > header > tabs > arrow : active , treeview . view header button : active , modelbutton . flat arrow : active , button : active , button : checked : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrollbar slider : checked , expander title > arrow : checked , notebook > header tabs > tab : checked , notebook > header > tabs > arrow : checked , treeview . view header button : checked , modelbutton . flat arrow : checked , button : checked { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrollbar slider : disabled , expander title > arrow : disabled , notebook > header tabs > tab : disabled , notebook > header > tabs > arrow : disabled , treeview . view header button : disabled , modelbutton . flat arrow : disabled , button : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrollbar slider : disabled : active , scrollbar slider : disabled : checked , expander title > arrow : disabled : active , notebook > header tabs > tab : disabled : active , notebook > header > tabs > arrow : disabled : active , modelbutton . flat arrow : disabled : active , expander title > arrow : disabled : checked , notebook > header tabs > tab : disabled : checked , notebook > header > tabs > arrow : disabled : checked , modelbutton . flat arrow : disabled : checked , button : disabled : active , button : disabled : checked { color : #7b7b7b ; background-color : #525944 ; border-color : transparent ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
scrollbar slider . image-button , expander title > arrow . image-button , notebook > header tabs > tab . image-button , notebook > header > tabs > arrow . image-button , treeview . view header button . image-button , modelbutton . flat arrow . image-button , button . image-button { min-width : 24 px ; padding-left : 2 px ; padding-right : 2 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
scrollbar slider . text-button , expander title > arrow . text-button , notebook > header tabs > tab . text-button , notebook > header > tabs > arrow . text-button , treeview . view header button . text-button , modelbutton . flat arrow . text-button , button . text-button { padding-left : 16 px ; padding-right : 16 px ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
scrollbar slider . text-button . image-button , expander title > arrow . text-button . image-button , notebook > header tabs > tab . text-button . image-button , notebook > header > tabs > arrow . text-button . image-button , modelbutton . flat arrow . text-button . image-button , button . text-button . image-button { padding-left : 8 px ; padding-right : 8 px ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
scrollbar slider . text-button . image-button label , expander title > arrow . text-button . image-button label , notebook > header tabs > tab . text-button . image-button label , notebook > header > tabs > arrow . text-button . image-button label , modelbutton . flat arrow . text-button . image-button label , button . text-button . image-button label { padding-left : 8 px ; padding-right : 8 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
combobox : drop ( active ) button . combo , scrollbar slider : drop ( active ) , expander title > arrow : drop ( active ) , notebook > header tabs > tab : drop ( active ) , notebook > header > tabs > arrow : drop ( active ) , treeview . view header button : drop ( active ) , modelbutton . flat arrow : drop ( active ) , button : drop ( active ) { color : #33d17a ; border-color : #33d17a ; box-shadow : inset 0 0 0 1 px #33d17a ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row : selected button . sidebar-button : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) , row : selected expander title > arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) , expander row : selected title > arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) , row : selected notebook > header tabs > tab . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) , notebook > header row : selected tabs > tab . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) , row : selected notebook > header > tabs > arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) , row : selected modelbutton . flat arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) , modelbutton . flat row : selected arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) , row : selected button . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) { color : #ffffff ; border-color : transparent ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
row : selected button . sidebar-button : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop , row : selected expander title > arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop , expander row : selected title > arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop , row : selected notebook > header tabs > tab . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop , notebook > header row : selected tabs > tab . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop , row : selected notebook > header > tabs > arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop , row : selected modelbutton . flat arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop , modelbutton . flat row : selected arrow . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop , row : selected button . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop { color : #96979a ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
expander title > arrow . small-button , notebook > header tabs > tab . small-button , notebook > header > tabs > arrow . small-button , treeview . view header button . small-button , modelbutton . flat arrow . small-button , button . small-button { padding : 0 px ; min-height : 10 px ; min-width : 10 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
expander title > arrow . osd , notebook > header tabs > tab . osd , notebook > header > tabs > arrow . osd , treeview . view header button . osd , modelbutton . flat arrow . osd , button . osd { min-width : 26 px ; min-height : 32 px ; color : #66cbec ; border-radius : 5 px ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
expander title > arrow . osd . image-button , notebook > header tabs > tab . osd . image-button , notebook > header > tabs > arrow . osd . image-button , modelbutton . flat arrow . osd . image-button , button . osd . image-button { min-width : 34 px ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . osd : hover , notebook > header tabs > tab . osd : hover , notebook > header > tabs > arrow . osd : hover , modelbutton . flat arrow . osd : hover , button . osd : hover { border-color : currentColor ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . osd : active , notebook > header tabs > tab . osd : active , notebook > header > tabs > arrow . osd : active , modelbutton . flat arrow . osd : active , expander title > arrow . osd : checked , notebook > header tabs > tab . osd : checked , notebook > header > tabs > arrow . osd : checked , modelbutton . flat arrow . osd : checked , button . osd : active , button . osd : checked { box-shadow : 0 0 3 px 2 px #769830 ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . osd : disabled , notebook > header tabs > tab . osd : disabled , notebook > header > tabs > arrow . osd : disabled , modelbutton . flat arrow . osd : disabled , button . osd : disabled : backdrop , button . osd : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; border : none ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
expander title > arrow . osd : backdrop , notebook > header tabs > tab . osd : backdrop , notebook > header > tabs > arrow . osd : backdrop , modelbutton . flat arrow . osd : backdrop , button . osd : backdrop { border : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. app-notification button , . app-notification . frame button , . csd popover . background . touch-selection button , . csd popover . background . magnifier button , popover . background . touch-selection button , popover . background . magnifier button , . osd expander title > arrow , expander . osd title > arrow , . osd notebook > header tabs > tab , notebook > header . osd tabs > tab , . osd notebook > header > tabs > arrow , . osd treeview . view header button , treeview . view header . osd button , . osd modelbutton . flat arrow , modelbutton . flat . osd arrow , . osd button { color : #66cbec ; background-color : rgba ( 32 , 61 , 121 , 0.7 ) ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. app-notification button : hover , popover . background . touch-selection button : hover , popover . background . magnifier button : hover , . osd expander title > arrow : hover , expander . osd title > arrow : hover , . osd notebook > header tabs > tab : hover , notebook > header . osd tabs > tab : hover , . osd notebook > header > tabs > arrow : hover , . osd modelbutton . flat arrow : hover , modelbutton . flat . osd arrow : hover , . osd button : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +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 expander title > arrow : active , expander . osd title > arrow : active , . osd notebook > header tabs > tab : active , notebook > header . osd tabs > tab : active , . osd notebook > header > tabs > arrow : active , . osd modelbutton . flat arrow : active , modelbutton . flat . osd arrow : active , . osd expander title > arrow : checked , expander . osd title > arrow : checked , . osd notebook > header tabs > tab : checked , notebook > header . osd tabs > tab : checked , . osd notebook > header > tabs > arrow : checked , . osd modelbutton . flat arrow : checked , modelbutton . flat . osd arrow : checked , . osd button : active : backdrop , . osd button : active , . osd button : checked : backdrop , . osd button : checked { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. app-notification button : disabled , popover . background . touch-selection button : disabled , popover . background . magnifier button : disabled , . osd expander title > arrow : disabled , expander . osd title > arrow : disabled , . osd notebook > header tabs > tab : disabled , notebook > header . osd tabs > tab : disabled , . osd notebook > header > tabs > arrow : disabled , . osd modelbutton . flat arrow : disabled , modelbutton . flat . osd arrow : disabled , . osd button : disabled : backdrop , . osd button : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
. app-notification button : backdrop , popover . background . touch-selection button : backdrop , popover . background . magnifier button : backdrop , . osd expander title > arrow : backdrop , expander . osd title > arrow : backdrop , . osd notebook > header tabs > tab : backdrop , notebook > header . osd tabs > tab : backdrop , . osd notebook > header > tabs > arrow : backdrop , . osd modelbutton . flat arrow : backdrop , modelbutton . flat . osd arrow : backdrop , . osd button : backdrop { background-image : none ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
. app-notification button . flat , popover . background . touch-selection button . flat , popover . background . magnifier button . flat , . osd expander title > arrow . flat , expander . osd title > arrow . flat , . osd notebook > header tabs > tab . flat , notebook > header . osd tabs > tab . flat , . osd notebook > header > tabs > arrow . flat , . osd modelbutton . flat arrow . flat , modelbutton . flat . osd arrow . flat , . osd button . flat { box-shadow : none ; text-shadow : 0 1 px black ; - gtk-icon-shadow : 0 1 px black ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +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 expander title > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , expander . osd title > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . osd notebook > header tabs > tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , notebook > header . osd tabs > tab . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . osd notebook > header > tabs > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . osd modelbutton . flat arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , modelbutton . flat . osd arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . osd button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. app-notification button . flat : hover , popover . background . touch-selection button . flat : hover , popover . background . magnifier button . flat : hover , . osd expander title > arrow . flat : hover , expander . osd title > arrow . flat : hover , . osd notebook > header tabs > tab . flat : hover , notebook > header . osd tabs > tab . flat : hover , . osd notebook > header > tabs > arrow . flat : hover , . osd modelbutton . flat arrow . flat : hover , modelbutton . flat . osd arrow . flat : hover , . osd button . flat : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. app-notification button . flat : disabled , popover . background . touch-selection button . flat : disabled , popover . background . magnifier button . flat : disabled , . osd expander title > arrow . flat : disabled , expander . osd title > arrow . flat : disabled , . osd notebook > header tabs > tab . flat : disabled , notebook > header . osd tabs > tab . flat : disabled , . osd notebook > header > tabs > arrow . flat : disabled , . osd modelbutton . flat arrow . flat : disabled , modelbutton . flat . osd arrow . flat : disabled , . osd button . flat : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; background-color : #494949 ; background-image : none ; border-color : transparent ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
. app-notification button . flat : backdrop , popover . background . touch-selection button . flat : backdrop , popover . background . magnifier button . flat : backdrop , . osd expander title > arrow . flat : backdrop , expander . osd title > arrow . flat : backdrop , . osd notebook > header tabs > tab . flat : backdrop , notebook > header . osd tabs > tab . flat : backdrop , . osd notebook > header > tabs > arrow . flat : backdrop , . osd modelbutton . flat arrow . flat : backdrop , modelbutton . flat . osd arrow . flat : backdrop , . osd button . flat : backdrop { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. 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 expander title > arrow . flat : active , expander . osd title > arrow . flat : active , . osd notebook > header tabs > tab . flat : active , notebook > header . osd tabs > tab . flat : active , . osd notebook > header > tabs > arrow . flat : active , . osd modelbutton . flat arrow . flat : active , modelbutton . flat . osd arrow . flat : active , . osd expander title > arrow . flat : checked , expander . osd title > arrow . flat : checked , . osd notebook > header tabs > tab . flat : checked , notebook > header . osd tabs > tab . flat : checked , . osd notebook > header > tabs > arrow . flat : checked , . osd modelbutton . flat arrow . flat : checked , modelbutton . flat . osd arrow . flat : checked , . osd button . flat : active , . osd button . flat : checked { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . suggested-action , notebook > header tabs > tab . suggested-action , notebook > header > tabs > arrow . suggested-action , treeview . view header button . suggested-action , modelbutton . flat arrow . suggested-action , button . suggested-action { color : black ; background-color : #33d17a ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
expander title > arrow . suggested-action . flat , notebook > header tabs > tab . suggested-action . flat , notebook > header > tabs > arrow . suggested-action . flat , modelbutton . flat arrow . suggested-action . flat , button . suggested-action . flat { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #33d17a ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . suggested-action : hover , notebook > header tabs > tab . suggested-action : hover , notebook > header > tabs > arrow . suggested-action : hover , modelbutton . flat arrow . suggested-action : hover , expander title > arrow . suggested-action : focus , notebook > header tabs > tab . suggested-action : focus , notebook > header > tabs > arrow . suggested-action : focus , modelbutton . flat arrow . suggested-action : focus , button . suggested-action : hover , button . suggested-action : focus { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . suggested-action : active , notebook > header tabs > tab . suggested-action : active , notebook > header > tabs > arrow . suggested-action : active , modelbutton . flat arrow . suggested-action : active , button . suggested-action : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . suggested-action : checked , notebook > header tabs > tab . suggested-action : checked , notebook > header > tabs > arrow . suggested-action : checked , modelbutton . flat arrow . suggested-action : checked , button . suggested-action : checked { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . suggested-action : disabled , notebook > header tabs > tab . suggested-action : disabled , notebook > header > tabs > arrow . suggested-action : disabled , modelbutton . flat arrow . suggested-action : disabled , button . suggested-action : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . suggested-action : disabled : active , notebook > header tabs > tab . suggested-action : disabled : active , notebook > header > tabs > arrow . suggested-action : disabled : active , modelbutton . flat arrow . suggested-action : disabled : active , expander title > arrow . suggested-action : disabled : checked , notebook > header tabs > tab . suggested-action : disabled : checked , notebook > header > tabs > arrow . suggested-action : disabled : checked , modelbutton . flat arrow . suggested-action : disabled : checked , button . suggested-action : disabled : active , button . suggested-action : disabled : checked { color : #7b7b7b ; background-color : #525944 ; border-color : transparent ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. osd expander title > arrow . suggested-action : hover , expander . osd title > arrow . suggested-action : hover , . osd notebook > header tabs > tab . suggested-action : hover , notebook > header . osd tabs > tab . suggested-action : hover , . osd notebook > header > tabs > arrow . suggested-action : hover , . osd modelbutton . flat arrow . suggested-action : hover , modelbutton . flat . osd arrow . suggested-action : hover , . osd button . suggested-action : hover { border-color : currentColor ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
. osd expander title > arrow . suggested-action : active , expander . osd title > arrow . suggested-action : active , . osd notebook > header tabs > tab . suggested-action : active , notebook > header . osd tabs > tab . suggested-action : active , . osd notebook > header > tabs > arrow . suggested-action : active , . osd modelbutton . flat arrow . suggested-action : active , modelbutton . flat . osd arrow . suggested-action : active , . osd expander title > arrow . suggested-action : checked , expander . osd title > arrow . suggested-action : checked , . osd notebook > header tabs > tab . suggested-action : checked , notebook > header . osd tabs > tab . suggested-action : checked , . osd notebook > header > tabs > arrow . suggested-action : checked , . osd modelbutton . flat arrow . suggested-action : checked , modelbutton . flat . osd arrow . suggested-action : checked , . osd button . suggested-action : active : backdrop , . osd button . suggested-action : active , . osd button . suggested-action : checked : backdrop , . osd button . suggested-action : checked { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
. osd expander title > arrow . suggested-action : disabled , expander . osd title > arrow . suggested-action : disabled , . osd notebook > header tabs > tab . suggested-action : disabled , notebook > header . osd tabs > tab . suggested-action : disabled , . osd notebook > header > tabs > arrow . suggested-action : disabled , . osd modelbutton . flat arrow . suggested-action : disabled , modelbutton . flat . osd arrow . suggested-action : disabled , . osd button . suggested-action : disabled : backdrop , . osd button . suggested-action : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . destructive-action , notebook > header tabs > tab . destructive-action , notebook > header > tabs > arrow . destructive-action , treeview . view header button . destructive-action , modelbutton . flat arrow . destructive-action , button . destructive-action { color : white ; background-color : #CC0000 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
expander title > arrow . destructive-action . flat , notebook > header tabs > tab . destructive-action . flat , notebook > header > tabs > arrow . destructive-action . flat , modelbutton . flat arrow . destructive-action . flat , button . destructive-action . flat { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #CC0000 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . destructive-action : hover , notebook > header tabs > tab . destructive-action : hover , notebook > header > tabs > arrow . destructive-action : hover , modelbutton . flat arrow . destructive-action : hover , expander title > arrow . destructive-action : focus , notebook > header tabs > tab . destructive-action : focus , notebook > header > tabs > arrow . destructive-action : focus , modelbutton . flat arrow . destructive-action : focus , button . destructive-action : hover , button . destructive-action : focus { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . destructive-action : active , notebook > header tabs > tab . destructive-action : active , notebook > header > tabs > arrow . destructive-action : active , modelbutton . flat arrow . destructive-action : active , button . destructive-action : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . destructive-action : checked , notebook > header tabs > tab . destructive-action : checked , notebook > header > tabs > arrow . destructive-action : checked , modelbutton . flat arrow . destructive-action : checked , button . destructive-action : checked { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . destructive-action : disabled , notebook > header tabs > tab . destructive-action : disabled , notebook > header > tabs > arrow . destructive-action : disabled , modelbutton . flat arrow . destructive-action : disabled , button . destructive-action : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
expander title > arrow . destructive-action : disabled : active , notebook > header tabs > tab . destructive-action : disabled : active , notebook > header > tabs > arrow . destructive-action : disabled : active , modelbutton . flat arrow . destructive-action : disabled : active , expander title > arrow . destructive-action : disabled : checked , notebook > header tabs > tab . destructive-action : disabled : checked , notebook > header > tabs > arrow . destructive-action : disabled : checked , modelbutton . flat arrow . destructive-action : disabled : checked , button . destructive-action : disabled : active , button . destructive-action : disabled : checked { color : #7b7b7b ; background-color : #525944 ; border-color : transparent ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. osd expander title > arrow . destructive-action : hover , expander . osd title > arrow . destructive-action : hover , . osd notebook > header tabs > tab . destructive-action : hover , notebook > header . osd tabs > tab . destructive-action : hover , . osd notebook > header > tabs > arrow . destructive-action : hover , . osd modelbutton . flat arrow . destructive-action : hover , modelbutton . flat . osd arrow . destructive-action : hover , . osd button . destructive-action : hover { border-color : currentColor ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
. osd expander title > arrow . destructive-action : active , expander . osd title > arrow . destructive-action : active , . osd notebook > header tabs > tab . destructive-action : active , notebook > header . osd tabs > tab . destructive-action : active , . osd notebook > header > tabs > arrow . destructive-action : active , . osd modelbutton . flat arrow . destructive-action : active , modelbutton . flat . osd arrow . destructive-action : active , . osd expander title > arrow . destructive-action : checked , expander . osd title > arrow . destructive-action : checked , . osd notebook > header tabs > tab . destructive-action : checked , notebook > header . osd tabs > tab . destructive-action : checked , . osd notebook > header > tabs > arrow . destructive-action : checked , . osd modelbutton . flat arrow . destructive-action : checked , modelbutton . flat . osd arrow . destructive-action : checked , . osd button . destructive-action : active : backdrop , . osd button . destructive-action : active , . osd button . destructive-action : checked : backdrop , . osd button . destructive-action : checked { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
. osd expander title > arrow . destructive-action : disabled , expander . osd title > arrow . destructive-action : disabled , . osd notebook > header tabs > tab . destructive-action : disabled , notebook > header . osd tabs > tab . destructive-action : disabled , . osd notebook > header > tabs > arrow . destructive-action : disabled , . osd modelbutton . flat arrow . destructive-action : disabled , modelbutton . flat . osd arrow . destructive-action : disabled , . osd button . destructive-action : disabled : backdrop , . osd button . destructive-action : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-04-05 17:34:04 +02:00
expander title . stack-switcher > arrow , notebook > header tabs . stack-switcher > tab , notebook > header > tabs . stack-switcher > arrow , treeview . view header . stack-switcher > button , modelbutton . flat . stack-switcher > arrow , . stack-switcher > button { outline-offset : -3 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
expander title . stack-switcher > arrow > label , notebook > header tabs . stack-switcher > tab > label , notebook > header > tabs . stack-switcher > arrow > label , treeview . view header . stack-switcher > button > label , modelbutton . flat . stack-switcher > arrow > label , . stack-switcher > button > label { padding-left : 6 px ; padding-right : 6 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
expander title . stack-switcher > arrow > image , notebook > header tabs . stack-switcher > tab > image , notebook > header > tabs . stack-switcher > arrow > image , treeview . view header . stack-switcher > button > image , modelbutton . flat . stack-switcher > arrow > image , . stack-switcher > button > image { padding-left : 6 px ; padding-right : 6 px ; padding-top : 3 px ; padding-bottom : 3 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
expander title . stack-switcher > arrow . text-button , notebook > header tabs . stack-switcher > tab . text-button , notebook > header > tabs . stack-switcher > arrow . text-button , treeview . view header . stack-switcher > button . text-button , modelbutton . flat . stack-switcher > arrow . text-button , . stack-switcher > button . text-button { padding-left : 10 px ; padding-right : 10 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
expander title . stack-switcher > arrow . image-button , notebook > header tabs . stack-switcher > tab . image-button , notebook > header > tabs . stack-switcher > arrow . image-button , treeview . view header . stack-switcher > button . image-button , modelbutton . flat . stack-switcher > arrow . image-button , . stack-switcher > button . image-button { padding-left : 2 px ; padding-right : 2 px ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
expander title . stack-switcher > arrow . needs-attention : active > label , notebook > header tabs . stack-switcher > tab . needs-attention : active > label , notebook > header > tabs . stack-switcher > arrow . needs-attention : active > label , modelbutton . flat . stack-switcher > arrow . needs-attention : active > label , expander title . stack-switcher > arrow . needs-attention : active > image , notebook > header tabs . stack-switcher > tab . needs-attention : active > image , notebook > header > tabs . stack-switcher > arrow . needs-attention : active > image , modelbutton . flat . stack-switcher > arrow . needs-attention : active > image , expander title . stack-switcher > arrow . needs-attention : checked > label , notebook > header tabs . stack-switcher > tab . needs-attention : checked > label , notebook > header > tabs . stack-switcher > arrow . needs-attention : checked > label , modelbutton . flat . stack-switcher > arrow . needs-attention : checked > label , expander title . stack-switcher > arrow . needs-attention : checked > image , notebook > header tabs . stack-switcher > tab . needs-attention : checked > image , notebook > header > tabs . stack-switcher > arrow . needs-attention : checked > image , modelbutton . flat . stack-switcher > arrow . needs-attention : checked > image , . stack-switcher > button . needs-attention : active > label , . stack-switcher > button . needs-attention : active > image , . stack-switcher > button . needs-attention : checked > label , . stack-switcher > button . needs-attention : checked > image { animation : none ; background-image : none ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
treeview . view header stackswitcher > button , modelbutton . flat stackswitcher > arrow , treeview . view header stackswitcher > button : first-child , modelbutton . flat stackswitcher > arrow : first-child , treeview . view header stackswitcher > button : last-child , modelbutton . flat stackswitcher > arrow : last-child , treeview . view header stackswitcher > button : not ( : first-child ) , modelbutton . flat stackswitcher > arrow : not ( : first-child ) , treeview . view header stackswitcher > button : not ( : last-child ) , modelbutton . flat stackswitcher > arrow : not ( : last-child ) , treeview . view header stackswitcher > button : dir ( ltr ) : not ( : first-child ) , modelbutton . flat stackswitcher > arrow : dir ( ltr ) : not ( : first-child ) , treeview . view header stackswitcher > button : dir ( ltr ) : not ( : last-child ) , modelbutton . flat stackswitcher > arrow : dir ( ltr ) : not ( : last-child ) , treeview . view header stackswitcher > button : dir ( rtl ) : not ( : first-child ) , modelbutton . flat stackswitcher > arrow : dir ( rtl ) : not ( : first-child ) , treeview . view header stackswitcher > button : dir ( rtl ) : not ( : last-child ) , modelbutton . flat stackswitcher > arrow : dir ( rtl ) : not ( : last-child ) , treeview . view header stackswitcher > button . radio , modelbutton . flat stackswitcher > arrow . radio , treeview . view header stackswitcher . linked > button , modelbutton . flat stackswitcher . linked > arrow , treeview . view header stackswitcher . linked > button : first-child , modelbutton . flat stackswitcher . linked > arrow : first-child , treeview . view header stackswitcher . linked > button : last-child , modelbutton . flat stackswitcher . linked > arrow : last-child , treeview . view header stackswitcher . linked > button : not ( : first-child ) , modelbutton . flat stackswitcher . linked > arrow : not ( : first-child ) , treeview . view header stackswitcher . linked > button : not ( : last-child ) , modelbutton . flat stackswitcher . linked > arrow : not ( : last-child ) , treeview . view header stackswitcher . linked > button : dir ( ltr ) : not ( : first-child ) , modelbutton . flat stackswitcher . linked > arrow : dir ( ltr ) : not ( : first-child ) , treeview . view header stackswitcher . linked > button : dir ( ltr ) : not ( : last-child ) , modelbutton . flat stackswitcher . linked > arrow : dir ( ltr ) : not ( : last-child ) , treeview . view header stackswitcher . linked > button : dir ( rtl ) : not ( : first-child ) , modelbutton . flat stackswitcher . linked > arrow : dir ( rtl ) : not ( : first-child ) , treeview . view header stackswitcher . linked > button : dir ( rtl ) : not ( : last-child ) , modelbutton . flat stackswitcher . linked > arrow : dir ( rtl ) : not ( : last-child ) , treeview . view header stackswitcher . linked > button . radio , modelbutton . flat stackswitcher . linked > arrow . radio , treeview . view header stackswitcher . linked : not ( . vertical ) > button , modelbutton . flat stackswitcher . linked : not ( . vertical ) > arrow , treeview . view header stackswitcher . linked : not ( . vertical ) > button : first-child , modelbutton . flat stackswitcher . linked : not ( . vertical ) > arrow : first-child , treeview . view header stackswitcher . linked : not ( . vertical ) > button : last-child , modelbutton . flat stackswitcher . linked : not ( . vertical ) > arrow : last-child , treeview . view header stackswitcher . linked : not ( . vertical ) > button : not ( : first-child ) , modelbutton . flat stackswitcher . linked : not ( . vertical ) > arrow : not ( : first-child ) , treeview . view header stackswitcher . linked : not ( . vertical ) > button : not ( : last-child ) , modelbutton . flat stackswitcher . linked : not ( . vertical ) > arrow : not ( : last-child ) , treeview . view header stackswitcher . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : first-child ) , modelbutton . flat stackswitcher . linked : not ( . vertical ) > arrow : dir ( ltr ) : not ( : first-child ) , treeview . view header stackswitcher . linked : not ( . vertical ) > button : dir ( ltr ) : not ( : last-child ) , modelbutton . flat stackswitcher . linked : not ( . vertical ) > arrow : dir ( ltr ) : not ( : last-child ) , treeview . view header stackswitcher . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : first-child ) , modelbutton . flat stackswitcher . linked : not ( . vertical ) > arrow : dir ( rtl ) : not ( : first-child ) , treeview . view header stackswitcher . linked : not ( . vertical ) > button : dir ( rtl ) : not ( : last-child ) , modelbutton . flat stackswitcher . linked : not ( . vertical ) > arrow : dir ( rtl ) : not ( : last-child ) , treeview . view header stackswitcher . linked : not ( . vertical ) > button . radio , modelbutton . f
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
treeview . view header stackswitcher > button . text-button , modelbutton . flat stackswitcher > arrow . text-button , expander title . stack-switcher > arrow . text-button , notebook > header tabs . stack-switcher > tab . text-button , notebook > header > tabs . stack-switcher > arrow . text-button , treeview . view header . stack-switcher > button . text-button , modelbutton . flat . stack-switcher > arrow . text-button , stackswitcher > button . text-button , stackswitcher . linked > button . text-button , stackswitcher . linked : not ( . vertical ) > button . text-button , . stack-switcher > button . text-button { min-width : 80 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
treeview . view header stackswitcher > button . circular , modelbutton . flat stackswitcher > arrow . circular , expander title . stack-switcher > arrow . circular , notebook > header tabs . stack-switcher > tab . circular , notebook > header > tabs . stack-switcher > arrow . circular , treeview . view header . stack-switcher > button . circular , modelbutton . flat . stack-switcher > arrow . circular , stackswitcher > button . circular , stackswitcher > button . text-button . circular , stackswitcher . linked > button . circular , stackswitcher . linked > button . text-button . circular , stackswitcher . linked : not ( . vertical ) > button . circular , stackswitcher . linked : not ( . vertical ) > button . text-button . circular , . stack-switcher > button . circular , . stack-switcher > button . text-button . circular { min-width : 32 px ; min-height : 32 px ; padding : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
expander title > arrow . font > box > box > label , notebook > header tabs > tab . font > box > box > label , notebook > header > tabs > arrow . font > box > box > label , modelbutton . flat arrow . font > box > box > label , button . font > box > box > label { font-weight : bold ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
. primary-toolbar expander title > arrow , expander . primary-toolbar title > arrow , . primary-toolbar notebook > header tabs > tab , notebook > header . primary-toolbar tabs > tab , . primary-toolbar notebook > header > tabs > arrow , . primary-toolbar treeview . view header button , treeview . view header . primary-toolbar button , . primary-toolbar modelbutton . flat arrow , modelbutton . flat . primary-toolbar arrow , . primary-toolbar button { - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
expander title > arrow . circular , notebook > header tabs > tab . circular , notebook > header > tabs > arrow . circular , treeview . view header button . circular , modelbutton . flat arrow . circular , button . circular { border-radius : 9999 px ; - gtk-outline-radius : 9999 px ; padding : 2 px ; /* circles instead of ellipses */ }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
expander title > arrow . circular label , notebook > header tabs > tab . circular label , notebook > header > tabs > arrow . circular label , treeview . view header button . circular label , modelbutton . flat arrow . circular label , button . circular label { padding : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
expander title > arrow . radio , notebook > header tabs > tab . radio , notebook > header > tabs > arrow . radio , treeview . view header button . radio , modelbutton . flat arrow . radio , button . radio { border-radius : 9999 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
stacksidebar row . needs-attention > label , expander title . stack-switcher > arrow . needs-attention > label , notebook > header tabs . stack-switcher > tab . needs-attention > label , notebook > header > tabs . stack-switcher > arrow . needs-attention > label , treeview . view header . stack-switcher > button . needs-attention > label , modelbutton . flat . stack-switcher > arrow . needs-attention > label , expander title . stack-switcher > arrow . needs-attention > image , notebook > header tabs . stack-switcher > tab . needs-attention > image , notebook > header > tabs . stack-switcher > arrow . needs-attention > image , treeview . view header . stack-switcher > button . needs-attention > image , modelbutton . flat . stack-switcher > arrow . needs-attention > image , . stack-switcher > button . needs-attention > label , . stack-switcher > button . needs-attention > image { animation : needs_attention 150 ms ease-in ; background-image : - gtk-gradient ( radial , center center , 0 , center center , 0.5 , to ( #f57900 ) , to ( transparent ) ) , - gtk-gradient ( radial , center center , 0 , center center , 0.45 , to ( rgba ( 0 , 0 , 0 , 0.803922 ) ) , to ( transparent ) ) ; background-size : 6 px 6 px , 6 px 6 px ; background-repeat : no-repeat ; background-position : right 3 px , right 2 px ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
stacksidebar row . needs-attention > label : backdrop , expander title . stack-switcher > arrow . needs-attention > label : backdrop , notebook > header tabs . stack-switcher > tab . needs-attention > label : backdrop , notebook > header > tabs . stack-switcher > arrow . needs-attention > label : backdrop , modelbutton . flat . stack-switcher > arrow . needs-attention > label : backdrop , expander title . stack-switcher > arrow . needs-attention > image : backdrop , notebook > header tabs . stack-switcher > tab . needs-attention > image : backdrop , notebook > header > tabs . stack-switcher > arrow . needs-attention > image : backdrop , modelbutton . flat . stack-switcher > arrow . needs-attention > image : backdrop , . stack-switcher > button . needs-attention > label : backdrop , . stack-switcher > button . needs-attention > image : backdrop { background-size : 6 px 6 px , 0 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
stacksidebar row . needs-attention > label : dir ( rtl ) , expander title . stack-switcher > arrow . needs-attention > label : dir ( rtl ) , notebook > header tabs . stack-switcher > tab . needs-attention > label : dir ( rtl ) , notebook > header > tabs . stack-switcher > arrow . needs-attention > label : dir ( rtl ) , modelbutton . flat . stack-switcher > arrow . needs-attention > label : dir ( rtl ) , expander title . stack-switcher > arrow . needs-attention > image : dir ( rtl ) , notebook > header tabs . stack-switcher > tab . needs-attention > image : dir ( rtl ) , notebook > header > tabs . stack-switcher > arrow . needs-attention > image : dir ( rtl ) , modelbutton . flat . stack-switcher > arrow . needs-attention > image : dir ( rtl ) , . stack-switcher > button . needs-attention > label : dir ( rtl ) , . stack-switcher > button . needs-attention > image : dir ( rtl ) { background-position : left 3 px , left 2 px ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. inline-toolbar toolbutton > button { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. inline-toolbar toolbutton > button : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. inline-toolbar toolbutton > button : active , . inline-toolbar toolbutton > button : checked { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. inline-toolbar toolbutton > button : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. inline-toolbar toolbutton > button : disabled : active , . inline-toolbar toolbutton > button : disabled : checked { color : #7b7b7b ; background-color : #525944 ; border-color : transparent ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
. inline-toolbar toolbutton > button : backdrop { background-image : none ; }
2023-04-05 17:34:04 +02:00
. linked : not ( . vertical ) > combobox > box > button . combo , filechooser . path-bar . linked > button , . linked : not ( . vertical ) > spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > entry , . inline-toolbar expander title > arrow , expander . inline-toolbar title > arrow , . inline-toolbar notebook > header tabs > tab , notebook > header . inline-toolbar tabs > tab , . inline-toolbar notebook > header > tabs > arrow , . inline-toolbar treeview . view header button , treeview . view header . inline-toolbar button , . inline-toolbar modelbutton . flat arrow , modelbutton . flat . inline-toolbar arrow , . inline-toolbar button , expander title . linked > arrow , notebook > header tabs . linked > tab , notebook > header > tabs . linked > arrow , treeview . view header . linked > button , modelbutton . flat . linked > arrow , . linked > button , toolbar . inline-toolbar toolbutton > button . flat { border-radius : 0 ; - gtk-outline-radius : 0 ; margin-right : 0 ; margin-left : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
. linked : not ( . vertical ) > combobox : first-child > box > button . combo , combobox . linked button : nth-child ( 2 ) : dir ( rtl ) , filechooser . path-bar . linked > button : dir ( rtl ) : last-child , filechooser . path-bar . linked > button : dir ( ltr ) : first-child , . linked : not ( . vertical ) > spinbutton : first-child : not ( . vertical ) , . linked : not ( . vertical ) > entry : first-child , . inline-toolbar expander title > arrow : first-child , expander . inline-toolbar title > arrow : first-child , . inline-toolbar notebook > header tabs > tab : first-child , notebook > header . inline-toolbar tabs > tab : first-child , . inline-toolbar notebook > header > tabs > arrow : first-child , . inline-toolbar modelbutton . flat arrow : first-child , modelbutton . flat . inline-toolbar arrow : first-child , . inline-toolbar button : first-child , expander title . linked > arrow : first-child , notebook > header tabs . linked > tab : first-child , notebook > header > tabs . linked > arrow : first-child , treeview . view header . linked > button : first-child , modelbutton . flat . linked > arrow : first-child , . linked > button : first-child , toolbar . inline-toolbar toolbutton : first-child > button . flat { border-top-left-radius : 3 px ; border-bottom-left-radius : 3 px ; - gtk-outline-top-left-radius : 3 px ; - gtk-outline-bottom-left-radius : 3 px ; margin-right : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
. linked : not ( . vertical ) > combobox : last-child > box > button . combo , combobox . linked button : nth-child ( 2 ) : dir ( ltr ) , filechooser . path-bar . linked > button : dir ( rtl ) : first-child , filechooser . path-bar . linked > button : dir ( ltr ) : last-child , . linked : not ( . vertical ) > spinbutton : last-child : not ( . vertical ) , . linked : not ( . vertical ) > entry : last-child , . inline-toolbar expander title > arrow : last-child , expander . inline-toolbar title > arrow : last-child , . inline-toolbar notebook > header tabs > tab : last-child , notebook > header . inline-toolbar tabs > tab : last-child , . inline-toolbar notebook > header > tabs > arrow : last-child , . inline-toolbar modelbutton . flat arrow : last-child , modelbutton . flat . inline-toolbar arrow : last-child , . inline-toolbar button : last-child , expander title . linked > arrow : last-child , notebook > header tabs . linked > tab : last-child , notebook > header > tabs . linked > arrow : last-child , treeview . view header . linked > button : last-child , modelbutton . flat . linked > arrow : last-child , . linked > button : last-child , toolbar . inline-toolbar toolbutton : last-child > button . flat { border-top-right-radius : 3 px ; border-bottom-right-radius : 3 px ; - gtk-outline-top-right-radius : 3 px ; - gtk-outline-bottom-right-radius : 3 px ; margin-left : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
. linked : not ( . vertical ) > combobox : only-child > box > button . combo , filechooser . path-bar . linked > button : only-child , . linked : not ( . vertical ) > spinbutton : only-child : not ( . vertical ) , . linked : not ( . vertical ) > entry : only-child , . inline-toolbar expander title > arrow : only-child , expander . inline-toolbar title > arrow : only-child , . inline-toolbar notebook > header tabs > tab : only-child , notebook > header . inline-toolbar tabs > tab : only-child , . inline-toolbar notebook > header > tabs > arrow : only-child , . inline-toolbar modelbutton . flat arrow : only-child , modelbutton . flat . inline-toolbar arrow : only-child , . inline-toolbar button : only-child , expander title . linked > arrow : only-child , notebook > header tabs . linked > tab : only-child , notebook > header > tabs . linked > arrow : only-child , treeview . view header . linked > button : only-child , modelbutton . flat . linked > arrow : only-child , . linked > button : only-child , toolbar . inline-toolbar toolbutton : only-child > button . flat { border-radius : 3 px ; - gtk-outline-radius : 3 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
. linked . vertical > combobox > box > button . combo , . linked . vertical > spinbutton : not ( . vertical ) , . linked . vertical > entry , expander title . linked . vertical > arrow , notebook > header tabs . linked . vertical > tab , notebook > header > tabs . linked . vertical > arrow , treeview . view header . linked . vertical > button , modelbutton . flat . linked . vertical > arrow , . linked . vertical > button { border-radius : 0 ; - gtk-outline-radius : 0 ; margin-top : 0 ; margin-bottom : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
. linked . vertical > combobox : first-child > box > button . combo , . linked . vertical > spinbutton : first-child : not ( . vertical ) , . linked . vertical > entry : first-child , expander title . linked . vertical > arrow : first-child , notebook > header tabs . linked . vertical > tab : first-child , notebook > header > tabs . linked . vertical > arrow : first-child , treeview . view header . linked . vertical > button : first-child , modelbutton . flat . linked . vertical > arrow : first-child , . linked . vertical > button : first-child { border-top-left-radius : 3 px ; border-top-right-radius : 3 px ; - gtk-outline-top-left-radius : 3 px ; - gtk-outline-top-right-radius : 3 px ; margin-bottom : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
. linked . vertical > combobox : last-child > box > button . combo , . linked . vertical > spinbutton : last-child : not ( . vertical ) , . linked . vertical > entry : last-child , expander title . linked . vertical > arrow : last-child , notebook > header tabs . linked . vertical > tab : last-child , notebook > header > tabs . linked . vertical > arrow : last-child , treeview . view header . linked . vertical > button : last-child , modelbutton . flat . linked . vertical > arrow : last-child , . linked . vertical > button : last-child { border-bottom-left-radius : 3 px ; border-bottom-right-radius : 3 px ; - gtk-outline-bottom-left-radius : 3 px ; - gtk-outline-bottom-right-radius : 3 px ; margin-top : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
. linked . vertical > combobox : only-child > box > button . combo , . linked . vertical > spinbutton : only-child : not ( . vertical ) , . linked . vertical > entry : only-child , expander title . linked . vertical > arrow : only-child , notebook > header tabs . linked . vertical > tab : only-child , notebook > header > tabs . linked . vertical > arrow : only-child , treeview . view header . linked . vertical > button : only-child , modelbutton . flat . linked . vertical > arrow : only-child , . linked . vertical > button : only-child { border-radius : 3 px ; - gtk-outline-radius : 3 px ; }
2023-04-03 12:17:36 +02:00
2023-04-04 10:12:07 +02:00
calendar . button , button : link : hover , button : link : active , button : link : checked , button : visited : hover , button : visited : active , button : visited : checked , button : link , button : visited , list row button . image-button : not ( . flat ) , modelbutton . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , . menuitem . button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) { background-color : transparent ; background-image : none ; border-color : transparent ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) , 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
/* menu buttons */
2023-04-05 17:34:04 +02:00
modelbutton . flat , . menuitem . button . flat { min-height : 26 px ; padding-left : 5 px ; padding-right : 5 px ; border-radius : 3 px ; outline-offset : -2 px ; border : 1 px solid transparent ; transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
modelbutton . flat : hover , . menuitem . button . flat : hover { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
modelbutton . flat arrow . left { - gtk-icon-source : - gtk-icontheme ( "pan-start-symbolic" ) ; }
modelbutton . flat arrow . right { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; }
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, #1748 */
list row button . image-button : not ( . flat ) { border : 1 px solid rgba ( 89 , 87 , 87 , 0.5 ) ; }
2023-04-14 16:21:05 +02:00
list row button . image-button : not ( . flat ) : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
list row button . image-button : not ( . flat ) : active , list row button . image-button : not ( . flat ) : checked { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
/********* Links * */
button : link > label , button : visited > label , button : link , button : visited , * : link { color : #99c1f1 ; }
button : link > label : visited , button : visited > label : visited , button : visited , * : link : visited { color : #dc8add ; }
2023-04-14 16:21:05 +02:00
* : selected button : link > label : visited , * : selected button : visited > label : visited , * : selected button : visited , * : selected * : link : visited { color : #f1d0f1 ; }
2023-04-03 12:17:36 +02:00
button : link > label : hover , button : visited > label : hover , button : hover : link , button : hover : visited , * : link : hover { color : #c6dcf7 ; }
2023-04-14 16:21:05 +02:00
* : selected button : link > label : hover , * : selected button : visited > label : hover , * : selected button : hover : link , * : selected button : hover : visited , * : selected * : link : hover { color : #f9fcfe ; }
2023-04-03 12:17:36 +02:00
button : link > label : active , button : visited > label : active , button : active : link , button : active : visited , * : link : active { color : #99c1f1 ; }
2023-04-14 16:21:05 +02:00
* : selected button : link > label : active , * : selected button : visited > label : active , * : selected button : active : link , * : selected button : active : visited , * : selected * : link : active { color : #ebf3fc ; }
2023-04-03 12:17:36 +02:00
button : link > label : disabled , button : visited > label : disabled , button : disabled : link , button : disabled : visited , * : link : disabled , * : link : disabled : backdrop { color : rgba ( 197 , 197 , 197 , 0.8 ) ; }
button : link > label : backdrop , button : visited > label : backdrop , button : backdrop : link , button : backdrop : visited , * : link : backdrop : backdrop : hover , * : link : backdrop : backdrop : hover : selected , * : link : backdrop { color : rgba ( 153 , 193 , 241 , 0.9 ) ; }
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) . subtitle : link , . selection-mode . titlebar : not ( headerbar ) . subtitle : link , . selection-mode headerbar . subtitle : link , headerbar . selection-mode . subtitle : link , button : link > label : selected , button : visited > label : selected , button : selected : link , button : selected : visited , * : selected button : link > label , * : selected button : visited > label , * : selected button : link , * : selected button : visited , * : link : selected , * : selected * : link { color : #ebf3fc ; }
2023-04-03 12:17:36 +02:00
button : link , button : visited { text-shadow : none ; }
button : link : hover , button : link : active , button : link : checked , button : visited : hover , button : visited : active , button : visited : checked { text-shadow : none ; }
button : link > label , button : visited > label { text-decoration-line : underline ; }
/***************** GtkSpinButton * */
spinbutton { font-feature-settings : "tnum" ; }
spinbutton : not ( . vertical ) { padding : 0 ; }
. osd spinbutton : not ( . vertical ) entry , spinbutton : not ( . vertical ) entry { min-width : 28 px ; margin : 0 ; background : none ; background-color : transparent ; border : none ; border-radius : 0 ; box-shadow : none ; }
spinbutton : not ( . vertical ) entry : backdrop : disabled { background-color : transparent ; }
spinbutton : not ( . vertical ) button { padding : 0 ; }
. osd spinbutton : not ( . vertical ) button { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #66cbec ; border-style : none none none solid ; border-color : rgba ( 102 , 203 , 236 , 0.7 ) ; border-radius : 0 ; box-shadow : none ; - gtk-icon-shadow : 0 1 px black ; }
. osd spinbutton : not ( . vertical ) button : dir ( rtl ) { border-style : none solid none none ; }
. osd spinbutton : not ( . vertical ) button : hover { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #66cbec ; border-color : rgba ( 102 , 203 , 236 , 0.5 ) ; background-color : rgba ( 102 , 203 , 236 , 0.1 ) ; - gtk-icon-shadow : 0 1 px black ; box-shadow : none ; }
. osd spinbutton : not ( . vertical ) button : backdrop { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #66cbec ; border-color : rgba ( 102 , 203 , 236 , 0.5 ) ; - gtk-icon-shadow : none ; box-shadow : none ; }
. osd spinbutton : not ( . vertical ) button : disabled { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; color : #4384b3 ; border-color : rgba ( 102 , 203 , 236 , 0.5 ) ; - gtk-icon-shadow : none ; box-shadow : none ; }
. osd spinbutton : not ( . vertical ) button : dir ( ltr ) : last-child { border-radius : 0 3 px 3 px 0 ; }
. osd spinbutton : not ( . vertical ) button : dir ( rtl ) : first-child { border-radius : 3 px 0 0 3 px ; }
2023-04-14 16:21:05 +02:00
spinbutton . vertical : disabled { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
spinbutton . vertical : backdrop : disabled { color : #666464 ; }
spinbutton . vertical : drop ( active ) { border-color : transparent ; box-shadow : none ; }
spinbutton . vertical entry { min-height : 32 px ; min-width : 32 px ; padding : 0 ; border-radius : 0 ; }
spinbutton . vertical button { min-height : 32 px ; min-width : 32 px ; padding : 0 ; }
spinbutton . vertical button . up { border-radius : 3 px 3 px 0 0 ; border-style : solid solid none solid ; }
spinbutton . vertical button . down { border-radius : 0 0 3 px 3 px ; border-style : none solid solid solid ; }
2023-04-14 16:21:05 +02:00
. osd spinbutton . vertical button : first-child : hover { border-color : currentColor ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
. osd spinbutton . vertical button : first-child : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
. osd spinbutton . vertical button : first-child : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-04-03 12:17:36 +02:00
treeview spinbutton : not ( . vertical ) { min-height : 0 ; border-style : none ; border-radius : 0 ; }
treeview spinbutton : not ( . vertical ) entry { min-height : 0 ; padding : 1 px 2 px ; }
/************** ComboBoxes * */
combobox arrow { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; min-height : 16 px ; min-width : 16 px ; }
combobox : drop ( active ) { box-shadow : none ; }
/************ Toolbars * */
searchbar > revealer > box , . location-bar , . inline-toolbar , toolbar { - GtkWidget-window-dragging : true ; padding : 4 px ; background-color : #3f3e3e ; }
toolbar { padding : 4 px 3 px 3 px 4 px ; }
. osd toolbar { background-color : transparent ; }
toolbar . osd { padding : 13 px ; border : none ; border-radius : 5 px ; background-color : rgba ( 32 , 61 , 121 , 0.7 ) ; }
toolbar . osd . left , toolbar . osd . right , toolbar . osd . top , toolbar . osd . bottom { border-radius : 0 ; }
toolbar . horizontal separator { margin : 0 7 px 1 px 6 px ; }
toolbar . vertical separator { margin : 6 px 1 px 7 px 0 ; }
toolbar : not ( . inline-toolbar ) : not ( . osd ) > * : not ( . toggle ) : not ( . popup ) > * { margin-right : 1 px ; margin-bottom : 1 px ; }
. inline-toolbar { padding : 3 px ; border-width : 0 1 px 1 px ; border-radius : 0 0 5 px 5 px ; }
searchbar > revealer > box , . location-bar { border-width : 0 0 1 px ; padding : 3 px ; }
searchbar > revealer > box { margin : -6 px ; padding : 6 px ; }
. inline-toolbar , searchbar > revealer > box , . location-bar { border-style : solid ; border-color : #595757 ; background-color : #474646 ; }
. inline-toolbar : backdrop , searchbar > revealer > box : backdrop , . location-bar : backdrop { border-color : #545252 ; background-color : #464545 ; box-shadow : none ; transition : 200 ms ease-out ; }
/*************** Header bars * */
2023-04-14 16:21:05 +02:00
. titlebar : not ( headerbar ) , headerbar { padding : 0 6 px ; min-height : 40 px ; border-width : 0 0 1 px ; border-style : solid ; border-color : #6d6c6c ; border-radius : 0 ; color : #ffffff ; background : #768556 image ( #768556 ) ; /* Darken switchbuttons for headerbars. issue #1588 */ }
2023-04-03 12:17:36 +02:00
2023-04-03 17:12:05 +02:00
. titlebar : backdrop : not ( headerbar ) , headerbar : backdrop { border-color : #545252 ; background : #3f3e3e image ( #3f3e3e ) ; color : #EDF0F5 ; transition : 200 ms ease-out ; }
2023-04-03 12:17: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 ; }
2023-04-14 16:21:05 +02:00
. titlebar : not ( headerbar ) button , headerbar button { color : #ffffff ; background-color : #849167 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-13 13:33:20 +02:00
2023-04-14 16:21:05 +02:00
. titlebar : not ( headerbar ) button : backdrop : not ( : checked ) , headerbar button : backdrop : not ( : checked ) { color : #EDF0F5 ; background-color : #505050 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-13 13:33:20 +02:00
2023-04-14 16:21:05 +02:00
. titlebar : not ( headerbar ) button : backdrop : not ( : checked ) : hover , headerbar button : backdrop : not ( : checked ) : hover { border-color : currentColor ; }
2023-04-13 13:33:20 +02:00
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) , . selection-mode . titlebar : not ( headerbar ) , . selection-mode headerbar , headerbar . selection-mode { color : #ffffff ; border-color : #86e4b0 ; background : #33d17a image ( #33d17a ) ; }
2023-04-03 12:17:36 +02:00
. selection-mode . titlebar : backdrop : not ( headerbar ) , . selection-mode . titlebar : backdrop : not ( headerbar ) , . selection-mode headerbar : backdrop , headerbar . selection-mode : backdrop { background-color : #33d17a ; background-image : none ; box-shadow : inset 0 1 px rgba ( 61 , 211 , 128 , 0.442 ) ; }
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : backdrop : not ( headerbar ) label , . selection-mode . titlebar : backdrop : not ( headerbar ) label , . selection-mode headerbar : backdrop label , headerbar . selection-mode : backdrop label { text-shadow : none ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) button , . selection-mode . titlebar : not ( headerbar ) button , . selection-mode headerbar button , headerbar . selection-mode button { color : #ffffff ; background-color : #33d17a ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
. selection-mode button . titlebutton , . selection-mode . titlebar : not ( headerbar ) button . flat , . selection-mode . titlebar : not ( headerbar ) button . flat , . selection-mode headerbar button . flat , headerbar . selection-mode button . flat { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) button : hover , . selection-mode . titlebar : not ( headerbar ) button : hover , . selection-mode headerbar button : hover , headerbar . selection-mode button : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) button : active , . selection-mode . titlebar : not ( headerbar ) button : checked , . selection-mode . titlebar : not ( headerbar ) button : active , . selection-mode . titlebar : not ( headerbar ) button : checked , . selection-mode headerbar button : active , . selection-mode headerbar button : checked , . selection-mode headerbar button . toggle : checked , . selection-mode headerbar button . toggle : active , headerbar . selection-mode button : active , headerbar . selection-mode button : checked , headerbar . selection-mode button . toggle : checked , headerbar . selection-mode button . toggle : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
. selection-mode . titlebar : not ( headerbar ) button : backdrop , . selection-mode . titlebar : not ( headerbar ) button : backdrop , . selection-mode headerbar button : backdrop . flat , . selection-mode headerbar button : backdrop , headerbar . selection-mode button : backdrop . flat , headerbar . selection-mode button : backdrop { background-image : none ; - gtk-icon-effect : none ; border-color : #86e4b0 ; }
. selection-mode . titlebar : not ( headerbar ) button : backdrop : active , . selection-mode . titlebar : not ( headerbar ) button : backdrop : checked , . selection-mode . titlebar : not ( headerbar ) button : backdrop : active , . selection-mode . titlebar : not ( headerbar ) button : backdrop : checked , . selection-mode headerbar button : backdrop . flat : active , . selection-mode headerbar button : backdrop . flat : checked , . selection-mode headerbar button : backdrop : active , . selection-mode headerbar button : backdrop : checked , headerbar . selection-mode button : backdrop . flat : active , headerbar . selection-mode button : backdrop . flat : checked , headerbar . selection-mode button : backdrop : active , headerbar . selection-mode button : backdrop : checked { border-color : #86e4b0 ; }
. selection-mode . titlebar : not ( headerbar ) button : backdrop : disabled , . selection-mode . titlebar : not ( headerbar ) button : backdrop : disabled , . selection-mode headerbar button : backdrop . flat : disabled , . selection-mode headerbar button : backdrop : disabled , headerbar . selection-mode button : backdrop . flat : disabled , headerbar . selection-mode button : backdrop : disabled { border-color : #86e4b0 ; }
. selection-mode . titlebar : not ( headerbar ) button : backdrop : disabled : active , . selection-mode . titlebar : not ( headerbar ) button : backdrop : disabled : checked , . selection-mode . titlebar : not ( headerbar ) button : backdrop : disabled : active , . selection-mode . titlebar : not ( headerbar ) button : backdrop : disabled : checked , . selection-mode headerbar button : backdrop : disabled : active , . selection-mode headerbar button : backdrop : disabled : checked , headerbar . selection-mode button : backdrop : disabled : active , headerbar . selection-mode button : backdrop : disabled : checked { border-color : #86e4b0 ; }
. selection-mode button . titlebutton : backdrop , . selection-mode button . titlebutton : disabled , . selection-mode . titlebar : not ( headerbar ) button . flat : backdrop , . selection-mode . titlebar : not ( headerbar ) button . flat : disabled , . selection-mode . titlebar : not ( headerbar ) button . flat : backdrop , . selection-mode . titlebar : not ( headerbar ) button . flat : disabled , . selection-mode headerbar button . flat : backdrop , . selection-mode headerbar button . flat : disabled , . selection-mode headerbar button . flat : backdrop : disabled , headerbar . selection-mode button . flat : backdrop , headerbar . selection-mode button . flat : disabled , headerbar . selection-mode button . flat : backdrop : disabled { border-color : transparent ; background-color : transparent ; background-image : none ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0 ) ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) button : disabled , . selection-mode . titlebar : not ( headerbar ) button : disabled , . selection-mode headerbar button : disabled , headerbar . selection-mode button : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) button : disabled : active , . selection-mode . titlebar : not ( headerbar ) button : disabled : checked , . selection-mode . titlebar : not ( headerbar ) button : disabled : active , . selection-mode . titlebar : not ( headerbar ) button : disabled : checked , . selection-mode headerbar button : disabled : active , . selection-mode headerbar button : disabled : checked , headerbar . selection-mode button : disabled : active , headerbar . selection-mode button : disabled : checked { color : #7b7b7b ; background-color : #525944 ; border-color : transparent ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) button . suggested-action , . selection-mode . titlebar : not ( headerbar ) button . suggested-action , . selection-mode headerbar button . suggested-action , headerbar . selection-mode button . suggested-action { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border-color : #86e4b0 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) button . suggested-action : hover , . selection-mode . titlebar : not ( headerbar ) button . suggested-action : hover , . selection-mode headerbar button . suggested-action : hover , headerbar . selection-mode button . suggested-action : hover { border-color : currentColor ; border-color : #86e4b0 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) button . suggested-action : active , . selection-mode . titlebar : not ( headerbar ) button . suggested-action : active , . selection-mode headerbar button . suggested-action : active , headerbar . selection-mode button . suggested-action : active { box-shadow : 0 0 3 px 2 px #769830 ; border-color : #86e4b0 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) button . suggested-action : disabled , . selection-mode . titlebar : not ( headerbar ) button . suggested-action : disabled , . selection-mode headerbar button . suggested-action : disabled , headerbar . selection-mode button . suggested-action : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; border-color : #86e4b0 ; }
2023-04-03 12:17:36 +02:00
. selection-mode . titlebar : not ( headerbar ) button . suggested-action : backdrop , . selection-mode . titlebar : not ( headerbar ) button . suggested-action : backdrop , . selection-mode headerbar button . suggested-action : backdrop , headerbar . selection-mode button . suggested-action : backdrop { background-image : none ; border-color : #86e4b0 ; }
. selection-mode . titlebar : not ( headerbar ) button . suggested-action : backdrop : disabled , . selection-mode . titlebar : not ( headerbar ) button . suggested-action : backdrop : disabled , . selection-mode headerbar button . suggested-action : backdrop : disabled , headerbar . selection-mode button . suggested-action : backdrop : disabled { border-color : #86e4b0 ; }
. selection-mode . titlebar : not ( headerbar ) . selection-menu , . selection-mode . titlebar : not ( headerbar ) . selection-menu , . selection-mode headerbar . selection-menu : backdrop , . selection-mode headerbar . selection-menu , headerbar . selection-mode . selection-menu : backdrop , headerbar . selection-mode . selection-menu { border-color : rgba ( 51 , 209 , 122 , 0 ) ; background-color : rgba ( 51 , 209 , 122 , 0 ) ; background-image : none ; box-shadow : none ; min-height : 20 px ; padding : 4 px 10 px ; }
. selection-mode . titlebar : not ( headerbar ) . selection-menu arrow , . selection-mode . titlebar : not ( headerbar ) . selection-menu arrow , . selection-mode headerbar . selection-menu : backdrop arrow , . selection-mode headerbar . selection-menu arrow , headerbar . selection-mode . selection-menu : backdrop arrow , headerbar . selection-mode . selection-menu arrow { - GtkArrow-arrow-scaling : 1 ; }
2023-04-14 16:21:05 +02:00
. selection-mode . titlebar : not ( headerbar ) . selection-menu . arrow , . selection-mode . titlebar : not ( headerbar ) . selection-menu . arrow , . selection-mode headerbar . selection-menu : backdrop . arrow , . selection-mode headerbar . selection-menu . arrow , headerbar . selection-mode . selection-menu : backdrop . arrow , headerbar . selection-mode . selection-menu . arrow { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; color : rgba ( 255 , 255 , 255 , 0.5 ) ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
. tiled . titlebar : not ( headerbar ) , . tiled-top . titlebar : not ( headerbar ) , . tiled-right . titlebar : not ( headerbar ) , . tiled-bottom . titlebar : not ( headerbar ) , . tiled-left . titlebar : not ( headerbar ) , . maximized . titlebar : not ( headerbar ) , . fullscreen . titlebar : not ( headerbar ) , . tiled headerbar , . tiled-top headerbar , . tiled-right headerbar , . tiled-bottom headerbar , . tiled-left 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 ) button . titlebutton , headerbar . default-decoration button . titlebutton { min-height : 26 px ; min-width : 26 px ; margin : 0 ; padding : 0 ; }
. 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 entry , headerbar spinbutton , headerbar separator : not ( . sidebar ) , headerbar button { margin-top : 5 px ; margin-bottom : 5 px ; }
headerbar switch { margin-top : 7 px ; margin-bottom : 7 px ; }
headerbar . titlebar headerbar : not ( . titlebar ) { background : none ; box-shadow : none ; }
. background . titlebar : backdrop , . background . titlebar { border-top-left-radius : 6 px ; border-top-right-radius : 6 px ; }
. background . tiled . titlebar : backdrop , . background . tiled . titlebar , . background . tiled-top . titlebar : backdrop , . background . tiled-top . titlebar , . background . tiled-right . titlebar : backdrop , . background . tiled-right . titlebar , . background . tiled-bottom . titlebar : backdrop , . background . tiled-bottom . titlebar , . background . tiled-left . titlebar : backdrop , . background . tiled-left . titlebar , . background . maximized . titlebar : backdrop , . background . maximized . titlebar , . background . solid-csd . titlebar : backdrop , . background . solid-csd . titlebar { border-top-left-radius : 0 ; border-top-right-radius : 0 ; }
window separator : first-child + headerbar : backdrop , window separator : first-child + headerbar , window headerbar : first-child : backdrop , window headerbar : first-child { border-top-left-radius : 7 px ; }
window headerbar : last-child : backdrop , window headerbar : last-child { border-top-right-radius : 7 px ; }
window stack headerbar : first-child : backdrop , window stack headerbar : first-child , window stack headerbar : last-child : backdrop , window stack headerbar : last-child { border-top-left-radius : 7 px ; border-top-right-radius : 7 px ; }
window . tiled headerbar , window . tiled headerbar : first-child , window . tiled headerbar : last-child , window . tiled headerbar : only-child , window . tiled headerbar : backdrop , window . tiled headerbar : backdrop : first-child , window . tiled headerbar : backdrop : last-child , window . tiled headerbar : backdrop : only-child , window . tiled-top headerbar , window . tiled-top headerbar : first-child , window . tiled-top headerbar : last-child , window . tiled-top headerbar : only-child , window . tiled-top headerbar : backdrop , window . tiled-top headerbar : backdrop : first-child , window . tiled-top headerbar : backdrop : last-child , window . tiled-top headerbar : backdrop : only-child , window . tiled-right headerbar , window . tiled-right headerbar : first-child , window . tiled-right headerbar : last-child , window . tiled-right headerbar : only-child , window . tiled-right headerbar : backdrop , window . tiled-right headerbar : backdrop : first-child , window . tiled-right headerbar : backdrop : last-child , window . tiled-right headerbar : backdrop : only-child , window . tiled-bottom headerbar , window . tiled-bottom headerbar : first-child , window . tiled-bottom headerbar : last-child , window . tiled-bottom headerbar : only-child , window . tiled-bottom headerbar : backdrop , window . tiled-bottom headerbar : backdrop : first-child , window . tiled-bottom headerbar : backdrop : last-child , window . tiled-bottom headerbar : backdrop : only-child , window . tiled-left headerbar , window . tiled-left headerbar : first-child , window . tiled-left headerbar : last-child , window . tiled-left headerbar : only-child , window . tiled-left headerbar : backdrop , window . tiled-left headerbar : backdrop : first-child , window . tiled-left headerbar : backdrop : last-child , window . tiled-left headerbar : backdrop : only-child , window . maximized headerbar , window . maximized headerbar : first-child , window . maximized headerbar : last-child , window . maximized headerbar : only-child , window . maximized headerbar : backdrop , window . maximized headerbar : backdrop : first-child , window . maximized headerbar : backdrop : last-child , window . maximized headerbar : backdrop : only-child , window . fullscreen headerbar , window . fullscreen headerbar : first-child , window . fullscreen headerbar : last-child , window . fullscreen headerbar : only-child , window . fullscreen headerbar : backdrop , window . fullscreen headerbar : backdrop : first-child , window . fullscreen headerbar : backdrop : last-child , window . fullscreen headerbar : backdrop : only-child , window . solid-csd headerbar , window . solid-csd headerbar : first-child , window . solid-csd headerbar : last-child , window . solid-csd headerbar : only-child , window . solid-csd headerbar : backdrop , window . solid-csd headerbar : backdrop : first-child , window . solid-csd headerbar : backdrop : last-child , window . solid-csd headerbar : backdrop : only-child { border-top-left-radius : 0 ; border-top-right-radius : 0 ; }
window . csd > . titlebar : not ( headerbar ) { padding : 0 ; background-color : transparent ; background-image : none ; border-style : none ; border-color : transparent ; box-shadow : none ; }
. titlebar : not ( headerbar ) separator { background-color : #595757 ; }
2023-04-14 16:21:05 +02:00
window . devel headerbar . titlebar : not ( . selection-mode ) { background : #3f3e3e cross-fade ( 10 % - gtk-icontheme ( "system-run-symbolic" ) , image ( transparent ) ) 90 % 0 / 256 px 256 px no-repeat , linear-gradient ( to right , transparent 65 % , rgba ( 118 , 152 , 48 , 0.1 ) ) , linear-gradient ( to top , #2d2c2c 3 px , #323131 ) ; }
2023-04-03 12:17:36 +02:00
window . devel headerbar . titlebar : not ( . selection-mode ) : backdrop { background : #3f3e3e cross-fade ( 10 % - gtk-icontheme ( "system-run-symbolic" ) , image ( transparent ) ) 90 % 0 / 256 px 256 px no-repeat , image ( #3f3e3e ) ; /* background-color would flash */ }
/************ Pathbars * */
. path-bar button . text-button , . path-bar button . image-button , . path-bar button { padding-left : 4 px ; padding-right : 4 px ; }
. path-bar button . text-button . image-button label { padding-left : 0 ; padding-right : 0 ; }
. path-bar button . text-button . image-button label : last-child , . path-bar button label : last-child { padding-right : 8 px ; }
. path-bar button . text-button . image-button label : first-child , . path-bar button label : first-child { padding-left : 8 px ; }
. path-bar button image { padding-left : 4 px ; padding-right : 4 px ; }
. path-bar button . slider-button { padding-left : 0 ; padding-right : 0 ; }
/************** Tree Views * */
treeview . view { border-left-color : #909194 ; border-top-color : #3f3e3e ; }
* { - GtkTreeView-horizontal-separator : 4 ; - GtkTreeView-grid-line-width : 1 ; - GtkTreeView-grid-line-pattern : '' ; - GtkTreeView-tree-line-width : 1 ; - GtkTreeView-tree-line-pattern : '' ; - GtkTreeView-expander-size : 16 ; }
treeview . view : selected : focus , treeview . view : selected { border-radius : 0 ; }
2023-04-14 16:21:05 +02:00
treeview . view : selected : backdrop , treeview . view : selected { border-left-color : #bbcc98 ; border-top-color : rgba ( 237 , 240 , 245 , 0.1 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
treeview . view : disabled { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
treeview . view : disabled : selected { color : #adc183 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
treeview . view : disabled : selected : backdrop { color : #97af67 ; }
2023-04-03 12:17:36 +02:00
treeview . view : disabled : backdrop { color : #666464 ; }
treeview . view . separator { min-height : 2 px ; color : #3f3e3e ; }
treeview . view . separator : backdrop { color : rgba ( 63 , 62 , 62 , 0.1 ) ; }
treeview . view : backdrop { border-left-color : #6b6b6c ; border-top : #3f3e3e ; }
2023-04-14 16:21:05 +02:00
treeview . view : drop ( active ) { border-style : solid none ; border-width : 1 px ; border-color : #1c240b ; }
2023-04-03 12:17:36 +02:00
treeview . view : drop ( active ) . after { border-top-style : none ; }
treeview . view : drop ( active ) . before { border-bottom-style : none ; }
treeview . view . expander { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; color : #b5b7bb ; }
treeview . view . expander : dir ( rtl ) { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic-rtl" ) ; }
treeview . view . expander : hover { color : #EDF0F5 ; }
2023-04-14 16:21:05 +02:00
treeview . view . expander : selected { color : #d6e0c1 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
treeview . view . expander : selected : hover { color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
treeview . view . expander : selected : backdrop { color : #c3ceb0 ; }
2023-04-03 12:17:36 +02:00
treeview . view . expander : checked { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
treeview . view . expander : backdrop { color : #79797c ; }
2023-04-14 16:21:05 +02:00
treeview . view . progressbar { background-color : #769830 ; background-image : image ( #769830 ) ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
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 ) ; }
treeview . view . progressbar : selected : focus : backdrop , treeview . view . progressbar : selected : backdrop { background-color : #353535 ; }
treeview . view . trough { background-color : rgba ( 237 , 240 , 245 , 0.1 ) ; }
2023-04-14 16:21:05 +02:00
treeview . view . trough : selected : focus , treeview . view . trough : selected { background-color : #587124 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
treeview . view header button { border : 1 px solid transparent ; border-right-color : #595757 ; border-bottom-color : #595757 ; border-radius : 0 ; padding : 0 px 3 px ; margin : 0 px ; color : #909194 ; background-color : #323232 ; font-weight : bold ; text-shadow : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
treeview . view header button : hover { color : #bfc1c5 ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
treeview . view header button : active { color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
treeview . view button . dnd : active , treeview . view button . dnd : selected , treeview . view button . dnd : hover , treeview . view button . dnd , treeview . view header . button . dnd : active , treeview . view header . button . dnd : selected , treeview . view header . button . dnd : hover , treeview . view header . button . dnd { padding : 0 6 px ; color : #323232 ; background-image : none ; background-color : #769830 ; border-style : none ; border-radius : 0 ; box-shadow : inset 0 0 0 1 px #323232 ; text-shadow : none ; transition : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
treeview . view acceleditor > label { background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
/********* Menus * */
2023-04-04 10:12:07 +02:00
menubar , . menubar { - GtkWidget-window-dragging : true ; padding : 0 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
menubar > menuitem , . menubar > menuitem { min-height : 16 px ; padding : 4 px 8 px ; border : 1 px solid transparent ; border-radius : 3 px ; transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
2023-04-03 12:17:36 +02:00
menubar > menuitem menu : dir ( rtl ) , menubar > menuitem menu : dir ( ltr ) , . menubar > menuitem menu : dir ( rtl ) , . menubar > menuitem menu : dir ( ltr ) { border-radius : 0 ; padding : 0 ; }
2023-04-14 16:21:05 +02:00
menubar > menuitem : hover , . menubar > menuitem : hover { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
menubar > menuitem : disabled , . menubar > menuitem : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-04 10:12:07 +02:00
2023-04-14 16:21:05 +02:00
menubar > menuitem : active , . menubar > menuitem : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
menubar . csd . popup decoration , . menubar . csd . popup decoration { border-radius : 0 ; }
. background . popup { background-color : transparent ; }
2023-04-04 10:12:07 +02:00
menu , . menu , . context-menu { margin : 4 px ; padding : 4 px 0 px ; background-color : #353434 ; border : 1 px solid #595757 ; transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
2023-04-03 12:17:36 +02:00
. csd menu , . csd . menu , . csd . context-menu { border : none ; border-radius : 5 px ; }
2023-04-05 17:34:04 +02:00
menu menuitem , . menu menuitem , . context-menu menuitem { min-height : 16 px ; min-width : 40 px ; padding : 4 px 6 px ; text-shadow : none ; border : 1 px solid transparent ; border-radius : 3 px ; transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
menu menuitem : hover , . menu menuitem : hover , . context-menu menuitem : hover { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
menu menuitem : disabled , . menu menuitem : disabled , . context-menu menuitem : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
menu menuitem : active , . menu menuitem : active , . context-menu menuitem : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
menu menuitem arrow , . menu menuitem arrow , . context-menu menuitem arrow { min-height : 16 px ; min-width : 16 px ; }
menu menuitem arrow : dir ( ltr ) , . menu menuitem arrow : dir ( ltr ) , . context-menu menuitem arrow : dir ( ltr ) { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; margin-left : 10 px ; }
menu menuitem arrow : dir ( rtl ) , . menu menuitem arrow : dir ( rtl ) , . context-menu menuitem arrow : dir ( rtl ) { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic-rtl" ) ; margin-right : 10 px ; }
menu menuitem label : dir ( rtl ) , menu menuitem label : dir ( ltr ) , . menu menuitem label : dir ( rtl ) , . menu menuitem label : dir ( ltr ) , . context-menu menuitem label : dir ( rtl ) , . context-menu menuitem label : dir ( ltr ) { color : inherit ; }
2023-04-04 10:12:07 +02:00
menu > arrow , . menu > arrow , . context-menu > arrow { min-height : 16 px ; min-width : 16 px ; padding : 4 px ; background-color : #353434 ; border-radius : 0 ; }
2023-04-03 12:17:36 +02:00
menu > arrow . top , . menu > arrow . top , . context-menu > arrow . top { margin-top : -4 px ; border-bottom : 1 px solid #454546 ; border-top-right-radius : 5 px ; border-top-left-radius : 5 px ; - gtk-icon-source : - gtk-icontheme ( "pan-up-symbolic" ) ; }
menu > arrow . bottom , . menu > arrow . bottom , . context-menu > arrow . bottom { margin-top : 8 px ; margin-bottom : -12 px ; border-top : 1 px solid #454546 ; border-bottom-right-radius : 5 px ; border-bottom-left-radius : 5 px ; - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
menuitem accelerator { color : alpha ( currentColor , 0.55 ) ; }
menuitem check , menuitem radio { min-height : 16 px ; min-width : 16 px ; }
menuitem check : dir ( ltr ) , menuitem radio : dir ( ltr ) { margin-right : 7 px ; }
menuitem check : dir ( rtl ) , menuitem radio : dir ( rtl ) { margin-left : 7 px ; }
/*************** Popovers * */
popover . background { padding : 2 px ; background-color : #3f3e3e ; box-shadow : 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.3 ) ; }
. csd popover . background , popover . background { border : 1 px solid #595757 ; border-radius : 7 px ; }
2023-04-14 16:21:05 +02:00
. csd popover . background { background-clip : padding-box ; border-color : rgba ( 237 , 240 , 245 , 0.5 ) ; }
2023-04-03 12:17:36 +02:00
popover . background > list , popover . background > . view , popover . background > iconview , popover . background > toolbar { border-style : none ; background-color : transparent ; }
. csd popover . background . touch-selection , . csd popover . background . magnifier , popover . background . touch-selection , popover . background . magnifier { border : 1 px solid rgba ( 255 , 255 , 255 , 0.1 ) ; }
popover . background separator { margin : 3 px ; }
popover . background list separator { margin : 0 px ; }
/************* Notebooks * */
2023-06-01 12:02:47 +02:00
notebook > header tabs > tab . reorderable-page { background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
notebook > header tabs > tab . reorderable-page { background-position : left ; padding-left : 1 rem ; }
notebook > header tabs > tab . reorderable-page : dir ( rtl ) { background-position : right ; padding-right : 1 rem ; }
2023-04-03 12:17:36 +02:00
notebook > header . left , notebook > header . right { border-radius : 1.5 em ; }
notebook > header . top > tabs > arrow { border-top-style : none ; }
notebook > header . bottom > tabs > arrow { border-bottom-style : none ; }
notebook > header . top > tabs > arrow , notebook > header . bottom > tabs > arrow { margin-left : -5 px ; margin-right : -5 px ; padding-left : 4 px ; padding-right : 4 px ; }
notebook > header . top > tabs > arrow . down , notebook > header . bottom > tabs > arrow . down { - gtk-icon-source : - gtk-icontheme ( "pan-start-symbolic" ) ; }
notebook > header . top > tabs > arrow . up , notebook > header . bottom > tabs > arrow . up { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; }
notebook > header . left > tabs > arrow { border-left-style : none ; }
notebook > header . right > tabs > arrow { border-right-style : none ; }
notebook > header . left > tabs > arrow , notebook > header . right > tabs > arrow { margin-top : -5 px ; margin-bottom : -5 px ; padding-top : 4 px ; padding-bottom : 4 px ; }
notebook > header . left > tabs > arrow . down , notebook > header . right > tabs > arrow . down { - gtk-icon-source : - gtk-icontheme ( "pan-up-symbolic" ) ; }
notebook > header . left > tabs > arrow . up , notebook > header . right > tabs > arrow . up { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
notebook > header > tabs > arrow { min-height : 16 px ; min-width : 16 px ; border-radius : 0 ; }
2023-04-14 16:21:05 +02:00
notebook > header > tabs > arrow : hover : not ( : active ) : not ( : backdrop ) { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
notebook > header > tabs > arrow : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
notebook > header > tabs > arrow : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
notebook > header tabs > tab { border-radius : 9999 px ; outline-color : transparent ; margin : 3 px ; }
notebook > header tabs > tab button . flat { border-radius : 9999 px ; padding : 1 px ; margin : 2 px ; }
notebook > header tabs > tab button . flat : last-child { margin-left : 4 px ; margin-right : -4 px ; }
notebook > header tabs > tab button . flat : first-child { margin-left : -4 px ; margin-right : 4 px ; }
/************** Scrollbars * */
scrollbar { background-color : #393838 ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
* { - GtkScrollbar-has-backward-stepper : true ; - GtkScrollbar-has-forward-stepper : true ; }
scrollbar . top { border-bottom : 1 px solid #595757 ; }
scrollbar . bottom { border-top : 1 px solid #595757 ; }
scrollbar . left { border-right : 1 px solid #595757 ; }
scrollbar . right { border-left : 1 px solid #595757 ; }
scrollbar : backdrop { background-color : #373636 ; border-color : #545252 ; transition : 200 ms ease-out ; }
2023-04-14 16:21:05 +02:00
scrollbar slider { padding : 0 ; min-width : 10 px ; min-height : 10 px ; margin : 0 px ; border-radius : 9999 px ; background-clip : padding-box ; background-color : #585858 ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrollbar slider : hover { background-color : #677844 ; color : #a1a1a1 ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrollbar slider : hover : active , scrollbar slider : active { background-color : #94bf3c ; color : #828282 ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
2023-04-03 12:17:36 +02:00
scrollbar slider : disabled { background-color : transparent ; }
scrollbar . fine-tune slider , scrollbar . fine-tune slider : hover , scrollbar . fine-tune slider : active { background-color : #203d79 ; }
scrollbar . horizontal slider { min-width : 40 px ; }
scrollbar . vertical slider { min-height : 40 px ; }
scrollbar button { padding : 0 ; min-width : 12 px ; min-height : 12 px ; border-radius : 0 ; transition-property : min-height , min-width , color ; }
scrollbar . vertical button . down { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
scrollbar . vertical button . up { - gtk-icon-source : - gtk-icontheme ( "pan-up-symbolic" ) ; }
scrollbar . horizontal button . down { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; }
scrollbar . horizontal button . up { - gtk-icon-source : - gtk-icontheme ( "pan-start-symbolic" ) ; }
treeview ~ scrollbar . vertical { border-top : 1 px solid #595757 ; margin-top : -1 px ; }
/********** Switch * */
2023-04-14 16:21:05 +02:00
switch { outline-offset : -4 px ; border : 1 px solid #595757 ; border-radius : 14 px ; color : #EDF0F5 ; background-color : #4c4b4b ; text-shadow : 0 1 px rgba ( 0 , 0 , 0 , 0.1 ) ; box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; /* only show i / o for the accessible theme */ }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
switch : checked { color : #ffffff ; background-color : #61723e ; text-shadow : 0 1 px rgba ( 28 , 36 , 11 , 0.5 ) , 0 0 2 px rgba ( 255 , 255 , 255 , 0.6 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
switch : disabled { color : #7b7b7b ; border-color : #595757 ; background-color : #494949 ; text-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
switch slider { margin : -1 px ; min-width : 24 px ; min-height : 24 px ; border : 1 px solid transparent ; border-radius : 50 % ; transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; - gtk-outline-radius : 20 px ; color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
2023-04-03 12:17:36 +02:00
switch image { color : transparent ; }
2023-04-14 16:21:05 +02:00
switch : hover > slider , switch : hover : checked slider { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
switch : checked > slider { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
switch : disabled slider { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
/************************* Check and Radio items * */
2023-04-14 16:21:05 +02:00
. view . content-view . check : not ( list ) , iconview . content-view . check : not ( list ) , . content-view : not ( list ) check { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : transparent ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : hover : not ( list ) , iconview . content-view . check : hover : not ( list ) , . content-view : not ( list ) check : hover { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : transparent ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : active : not ( list ) , iconview . content-view . check : active : not ( list ) , . content-view : not ( list ) check : active { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : transparent ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : backdrop : not ( list ) , iconview . content-view . check : backdrop : not ( list ) , . content-view : not ( list ) check : backdrop { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : transparent ; background-color : #646464 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : checked : not ( list ) , iconview . content-view . check : checked : not ( list ) , . content-view : not ( list ) check : checked { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : #66cbec ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : checked : hover : not ( list ) , iconview . content-view . check : checked : hover : not ( list ) , . content-view : not ( list ) check : checked : hover { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : #66cbec ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : checked : active : not ( list ) , iconview . content-view . check : checked : active : not ( list ) , . content-view : not ( list ) check : checked : active { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : #66cbec ; background-color : #769830 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. view . content-view . check : backdrop : checked : not ( list ) , iconview . content-view . check : backdrop : checked : not ( list ) , . content-view : not ( list ) check : backdrop : checked { margin : 4 px ; min-width : 32 px ; min-height : 32 px ; color : rgba ( 102 , 203 , 236 , 0.8 ) ; background-color : #646464 ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : - gtk-icontheme ( 'object-select-symbolic' ) ; - gtk-icon-shadow : none ; }
2023-04-03 12:17:36 +02:00
checkbutton . text-button , radiobutton . text-button { padding : 2 px 0 ; outline-offset : 0 ; }
checkbutton . text-button label : not ( : only-child ) : first-child , radiobutton . text-button label : not ( : only-child ) : first-child { margin-left : 4 px ; }
checkbutton . text-button label : not ( : only-child ) : last-child , radiobutton . text-button label : not ( : only-child ) : last-child { margin-right : 4 px ; }
check , radio { margin : 0 4 px ; min-height : 14 px ; min-width : 14 px ; border : 1 px solid ; - gtk-icon-source : none ; }
check : only-child , radio : only-child { margin : 0 ; }
popover check . left : dir ( rtl ) , popover radio . left : dir ( rtl ) { margin-left : 0 ; margin-right : 12 px ; }
popover check . right : dir ( ltr ) , popover radio . right : dir ( ltr ) { margin-left : 12 px ; margin-right : 0 ; }
2023-04-14 16:21:05 +02:00
check , radio { background-clip : padding-box ; background-image : linear-gradient ( to bottom , #656565 20 % , #585858 90 % ) ; border-color : #EDF0F5 ; color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : hover , radio : hover { background-image : linear-gradient ( to bottom , #6f6f6f 10 % , #626262 90 % ) ; box-shadow : 0 0 0 1 px currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : active , radio : active { box-shadow : inset 0 1 px black ; background-image : image ( #4b4b4b ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : disabled , radio : disabled { box-shadow : none ; color : #7b7b7b ; background-image : image ( #494949 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : backdrop , radio : backdrop { background-image : image ( #585858 ) ; box-shadow : none ; color : #EDF0F5 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : backdrop : disabled , radio : backdrop : disabled { box-shadow : none ; color : #7b7b7b ; background-image : image ( #494949 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked , radio : checked { background-clip : border-box ; background-image : linear-gradient ( to bottom , #85ab36 20 % , #769830 90 % ) ; border-color : #ffffff ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked : hover , radio : checked : hover { background-image : linear-gradient ( to bottom , #91bb3b 10 % , #82a835 90 % ) ; box-shadow : 0 0 0 1 px currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked : active , radio : checked : active { box-shadow : inset 0 1 px black ; background-image : image ( #67852a ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked : disabled , radio : checked : disabled { box-shadow : none ; color : #7b7b7b ; background-image : image ( #494949 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked : backdrop , radio : checked : backdrop { background-image : image ( #769830 ) ; box-shadow : none ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : checked : backdrop : disabled , radio : checked : backdrop : disabled { box-shadow : none ; color : #7b7b7b ; background-image : image ( #494949 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate , radio : indeterminate { background-clip : border-box ; background-image : linear-gradient ( to bottom , #85ab36 20 % , #769830 90 % ) ; border-color : #ffffff ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate : hover , radio : indeterminate : hover { background-image : linear-gradient ( to bottom , #91bb3b 10 % , #82a835 90 % ) ; box-shadow : 0 0 0 1 px currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate : active , radio : indeterminate : active { box-shadow : inset 0 1 px black ; background-image : image ( #67852a ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate : disabled , radio : indeterminate : disabled { box-shadow : none ; color : #7b7b7b ; background-image : image ( #494949 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate : backdrop , radio : indeterminate : backdrop { background-image : image ( #769830 ) ; box-shadow : none ; color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
check : indeterminate : backdrop : disabled , radio : indeterminate : backdrop : disabled { box-shadow : none ; color : #7b7b7b ; background-image : image ( #494949 ) ; }
2023-04-03 12:17:36 +02:00
check : backdrop , radio : backdrop { transition : 200 ms ease-out ; }
2023-04-14 16:21:05 +02:00
check : disabled , radio : disabled { color : #7b7b7b ; border-color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. osd check : active , . osd radio : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 17:12:05 +02:00
2023-04-14 16:21:05 +02:00
. osd check : disabled , . osd radio : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
2023-04-03 12:17:36 +02:00
menu menuitem check , menu menuitem radio { margin : 0 ; }
menu menuitem check , menu menuitem check : hover , menu menuitem check : disabled , menu menuitem check : checked , menu menuitem check : checked : hover , menu menuitem check : checked : disabled , menu menuitem check : indeterminate , menu menuitem check : indeterminate : hover , menu menuitem check : indeterminate : disabled , menu menuitem radio , menu menuitem radio : hover , menu menuitem radio : disabled , menu menuitem radio : checked , menu menuitem radio : checked : hover , menu menuitem radio : checked : disabled , menu menuitem radio : indeterminate , menu menuitem radio : indeterminate : hover , menu menuitem radio : indeterminate : disabled { min-height : 14 px ; min-width : 14 px ; background-image : none ; background-color : transparent ; box-shadow : none ; - gtk-icon-shadow : none ; color : inherit ; border-color : currentColor ; }
check { border-radius : 3 px ; }
check : checked { - gtk-icon-source : image ( - gtk-recolor ( url ( "assets/check-symbolic.svg" ) ) , - gtk-recolor ( url ( "assets/check-symbolic.symbolic.png" ) ) ) ; }
check : indeterminate { - gtk-icon-source : image ( - gtk-recolor ( url ( "assets/dash-symbolic.svg" ) ) , - gtk-recolor ( url ( "assets/dash-symbolic.symbolic.png" ) ) ) ; }
treeview . view radio : selected : focus , treeview . view radio : selected , radio { border-radius : 100 % ; }
treeview . view radio : checked : selected , radio : checked { - gtk-icon-source : image ( - gtk-recolor ( url ( "assets/bullet-symbolic.svg" ) ) , - gtk-recolor ( url ( "assets/bullet-symbolic.symbolic.png" ) ) ) ; }
treeview . view radio : indeterminate : selected , radio : indeterminate { - gtk-icon-source : image ( - gtk-recolor ( url ( "assets/dash-symbolic.svg" ) ) , - gtk-recolor ( url ( "assets/dash-symbolic.symbolic.png" ) ) ) ; }
radio : not ( : indeterminate ) : not ( : checked ) : active : not ( : backdrop ) { - gtk-icon-transform : scale ( 0 ) ; }
check : not ( : indeterminate ) : not ( : checked ) : active : not ( : backdrop ) { - gtk-icon-transform : translate ( 6 px , -3 px ) rotate ( -45 deg ) scaleY ( 0.2 ) rotate ( 45 deg ) scaleX ( 0 ) ; }
radio : active , check : active { - gtk-icon-transform : scale ( 0 , 1 ) ; }
radio : checked : not ( : backdrop ) , radio : indeterminate : not ( : backdrop ) , check : checked : not ( : backdrop ) , check : indeterminate : not ( : backdrop ) { - gtk-icon-transform : unset ; transition : 400 ms ; }
menu menuitem radio : checked : not ( : backdrop ) , menu menuitem radio : indeterminate : not ( : backdrop ) , menu menuitem check : checked : not ( : backdrop ) , menu menuitem check : indeterminate : not ( : backdrop ) { transition : none ; }
2023-04-14 16:21:05 +02:00
treeview . view check : selected : focus , treeview . view check : selected , treeview . view radio : selected : focus , treeview . view radio : selected { color : #ffffff ; }
2023-04-03 12:17:36 +02:00
/************ GtkScale * */
progressbar trough , scale fill , scale trough { border : 1 px solid #595757 ; border-radius : 3 px ; background-color : #4c4b4b ; }
2023-04-14 16:21:05 +02:00
progressbar trough : disabled , scale fill : disabled , scale trough : disabled { background-color : #494949 ; border-color : #535353 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row : selected progressbar trough , progressbar row : selected trough , row : selected scale fill , scale row : selected fill , row : selected scale trough , scale row : selected trough { border-color : #1c240b ; }
2023-04-03 12:17:36 +02:00
. osd progressbar trough , progressbar . osd trough , . osd scale fill , scale . osd fill , . osd scale trough , scale . osd trough { border-color : #66cbec ; background-color : rgba ( 102 , 203 , 236 , 0.3 ) ; }
. osd progressbar trough : disabled , progressbar . osd trough : disabled , . osd scale fill : disabled , scale . osd fill : disabled , . osd scale trough : disabled , scale . osd trough : disabled { background-color : rgba ( 39 , 75 , 133 , 0.5 ) ; }
2023-04-14 16:21:05 +02:00
progressbar progress , scale highlight { border : 1 px solid #85ab36 ; border-radius : 3 px ; background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
progressbar progress : disabled , scale highlight : disabled { background-color : #6c6c6c ; border-color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row : selected progressbar progress , progressbar row : selected progress , row : selected scale highlight , scale row : selected highlight { border-color : #1c240b ; }
2023-04-03 12:17:36 +02:00
. osd progressbar progress , progressbar . osd progress , . osd scale highlight , scale . osd highlight { border-color : #66cbec ; }
. osd progressbar progress : disabled , progressbar . osd progress : disabled , . osd scale highlight : disabled , scale . osd highlight : disabled { border-color : transparent ; }
scale { min-height : 10 px ; min-width : 10 px ; padding : 12 px ; }
scale fill , scale highlight { margin : -1 px ; }
scale . fine-tune slider , scale . fine-tune slider : active , scale . fine-tune slider : hover , scale . fine-tune slider : focus { background-color : #203d79 ; }
scale trough { outline-offset : 2 px ; - gtk-outline-radius : 5 px ; }
scale fill : disabled : backdrop , scale fill : disabled { border-color : transparent ; background-color : transparent ; }
. osd scale fill { background-color : #66cbec ; }
. osd scale fill : disabled : backdrop , . osd scale fill : disabled { border-color : transparent ; background-color : transparent ; }
2023-04-14 16:21:05 +02:00
scale slider { min-height : 18 px ; min-width : 18 px ; margin : -9 px ; color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border-width : 1 px ; border-style : solid ; border-radius : 100 % ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scale slider : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scale slider : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scale slider : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row : selected scale slider : disabled , row : selected scale slider { border-color : #1c240b ; }
2023-04-03 12:17:36 +02:00
2023-04-03 17:12:05 +02:00
. osd scale slider { background-color : #66cbec ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. osd scale slider : hover { border-color : currentColor ; background-color : #66cbec ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. osd scale slider : active { box-shadow : 0 0 3 px 2 px #769830 ; background-color : #203d79 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
. osd scale slider : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; background-color : #203d79 ; }
2023-04-03 12:17:36 +02:00
scale marks , scale value { color : alpha ( currentColor , 0.55 ) ; font-feature-settings : "tnum" ; }
scale . horizontal marks . top { margin-bottom : 6 px ; margin-top : -12 px ; }
scale . horizontal marks . bottom { margin-top : 6 px ; margin-bottom : -12 px ; }
scale . vertical marks . top { margin-right : 6 px ; margin-left : -12 px ; }
scale . vertical marks . bottom { margin-left : 6 px ; margin-right : -12 px ; }
scale . horizontal indicator { min-height : 6 px ; min-width : 1 px ; }
scale . horizontal . marks-after slider { border-radius : 5 px 5 px 100 % 100 % ; min-width : 10 px ; padding : 0 ; margin-right : 5 px ; margin-left : 5 px ; }
2023-04-05 17:34:04 +02:00
scale . horizontal . marks-before slider , scale . horizontal . color slider { border-radius : 100 % 100 % 5 px 5 px ; min-width : 10 px ; padding : 0 ; margin-right : 5 px ; margin-left : 5 px ; }
2023-04-03 12:17:36 +02:00
scale . vertical indicator { min-height : 1 px ; min-width : 6 px ; }
2023-04-05 17:34:04 +02:00
scale . vertical . marks-after slider , scale . vertical . color : dir ( ltr ) slider { border-radius : 5 px 100 % 100 % 5 px ; min-height : 10 px ; padding : 0 ; margin-top : 5 px ; margin-bottom : 5 px ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
scale . vertical . marks-before slider , scale . vertical . color : dir ( rtl ) slider { border-radius : 100 % 5 px 5 px 100 % ; min-height : 10 px ; padding : 0 ; margin-top : 5 px ; margin-bottom : 5 px ; }
2023-04-03 12:17:36 +02:00
scale . color { min-height : 0 ; min-width : 0 ; }
scale . color trough { background-image : image ( #595757 ) ; background-repeat : no-repeat ; }
scale . color . horizontal { padding : 0 0 15 px 0 ; }
scale . color . horizontal trough { padding-bottom : 4 px ; background-position : 0 -3 px ; border-top-left-radius : 0 ; border-top-right-radius : 0 ; }
scale . color . horizontal slider : dir ( ltr ) : hover , scale . color . horizontal slider : dir ( ltr ) : backdrop , scale . color . horizontal slider : dir ( ltr ) : disabled , scale . color . horizontal slider : dir ( ltr ) : backdrop : disabled , scale . color . horizontal slider : dir ( ltr ) , scale . color . horizontal slider : dir ( rtl ) : hover , scale . color . horizontal slider : dir ( rtl ) : backdrop , scale . color . horizontal slider : dir ( rtl ) : disabled , scale . color . horizontal slider : dir ( rtl ) : backdrop : disabled , scale . color . horizontal 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 ) slider : hover , scale . color . vertical : dir ( ltr ) slider : backdrop , scale . color . vertical : dir ( ltr ) slider : disabled , scale . color . vertical : dir ( ltr ) slider : backdrop : disabled , scale . color . vertical : dir ( ltr ) 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 ) slider : hover , scale . color . vertical : dir ( rtl ) slider : backdrop , scale . color . vertical : dir ( rtl ) slider : disabled , scale . color . vertical : dir ( rtl ) slider : backdrop : disabled , scale . color . vertical : dir ( rtl ) slider { margin-right : -15 px ; margin-left : 6 px ; }
/***************** Progress bars * */
progressbar { font-size : smaller ; color : rgba ( 237 , 240 , 245 , 0.4 ) ; font-feature-settings : "tnum" ; }
progressbar . horizontal trough , progressbar . horizontal progress { min-height : 5 px ; }
progressbar . vertical trough , progressbar . vertical progress { min-width : 5 px ; }
progressbar . horizontal progress { margin : 0 -1 px ; }
progressbar . vertical progress { margin : -1 px 0 ; }
progressbar : backdrop { box-shadow : none ; transition : 200 ms ease-out ; }
progressbar progress { border-radius : 1.5 px ; }
progressbar progress . left { border-top-left-radius : 2 px ; border-bottom-left-radius : 2 px ; }
progressbar progress . right { border-top-right-radius : 2 px ; border-bottom-right-radius : 2 px ; }
progressbar progress . top { border-top-right-radius : 2 px ; border-top-left-radius : 2 px ; }
progressbar progress . bottom { border-bottom-right-radius : 2 px ; border-bottom-left-radius : 2 px ; }
progressbar . osd { min-width : 3 px ; min-height : 3 px ; background-color : transparent ; }
progressbar . osd trough { border-style : none ; border-radius : 0 ; background-color : transparent ; box-shadow : none ; }
progressbar . osd progress { border-style : none ; border-radius : 0 ; }
progressbar trough . empty progress { all : unset ; }
/************* Level Bar * */
/************* Level Bar * */
levelbar . horizontal trough > block { min-height : 9 px ; border-radius : 5 px ; }
levelbar . horizontal trough > block : dir ( rtl ) { border-radius : 0 5 px 5 px 0 ; }
levelbar . horizontal trough > block : dir ( ltr ) { border-radius : 5 px 0 0 5 px ; }
levelbar . horizontal trough > block . empty , levelbar . horizontal trough > block . full { border-radius : 5 px ; }
levelbar . horizontal . discrete trough > block { min-height : 2 px ; margin : 1 px ; min-width : 24 px ; border-radius : 0 ; }
levelbar . horizontal . discrete trough > block : first-child { border-radius : 2 px 0 0 2 px ; }
levelbar . horizontal . discrete trough > block : last-child { border-radius : 0 2 px 2 px 0 ; }
levelbar . vertical trough > block { min-width : 9 px ; border-radius : 5 px ; }
levelbar . vertical . discrete > trough > block { min-width : 2 px ; margin : 1 px 0 ; min-height : 32 px ; }
2023-04-14 16:21:05 +02:00
levelbar > trough { padding : 1 px ; color : #EDF0F5 ; border-color : #575859 ; background-color : #323232 ; box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) , inset 0 0 0 0 transparent ; border-radius : 5 px ; }
2023-04-03 12:17:36 +02:00
levelbar > trough > block { border : 1 px solid ; }
levelbar > trough > block . low { border-color : #f57900 ; background-color : #f57900 ; }
2023-04-14 16:21:05 +02:00
levelbar > trough > block . high , levelbar > trough > block : not ( . empty ) { border-color : #85ab36 ; background-color : #769830 ; }
2023-04-03 12:17:36 +02:00
levelbar > trough > block . full { border-color : #33d17a ; background-color : #33d17a ; }
2023-04-05 17:34:04 +02:00
levelbar > trough > block . empty { background-color : #252525 ; border-color : #191919 ; }
2023-04-03 12:17:36 +02:00
/**************** Print dialog * */
printdialog paper { color : #EDF0F5 ; border : 1 px solid #595757 ; background : white ; padding : 0 ; }
printdialog paper : backdrop { color : #96979a ; border-color : #545252 ; }
printdialog . dialog-action-box { margin : 12 px ; }
/********** Frames * */
frame > border , . frame { box-shadow : none ; margin : 0 ; padding : 0 ; border-radius : 0 ; border : 1 px solid #595757 ; }
frame > border . flat , . frame . flat { border-style : none ; }
frame > border : backdrop , . frame : backdrop { border-color : #545252 ; }
actionbar > revealer > box { padding : 6 px ; border-top : 1 px solid #595757 ; }
actionbar > revealer > box : backdrop { border-color : #545252 ; }
scrolledwindow viewport . frame { border-style : none ; }
2023-04-14 16:21:05 +02:00
scrolledwindow overshoot . top { background-image : radial-gradient ( farthest - side at top , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) , radial-gradient ( farthest - side at top , rgba ( 118 , 152 , 48 , 0.07 ) , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 100 % 3 % , 100 % 50 % ; background-repeat : no-repeat ; background-position : top ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow overshoot . top : backdrop { background-image : radial-gradient ( farthest - side at top , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 100 % 3 % ; background-repeat : no-repeat ; background-position : top ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow overshoot . bottom { background-image : radial-gradient ( farthest - side at bottom , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) , radial-gradient ( farthest - side at bottom , rgba ( 118 , 152 , 48 , 0.07 ) , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 100 % 3 % , 100 % 50 % ; background-repeat : no-repeat ; background-position : bottom ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow overshoot . bottom : backdrop { background-image : radial-gradient ( farthest - side at bottom , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 100 % 3 % ; background-repeat : no-repeat ; background-position : bottom ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow overshoot . left { background-image : radial-gradient ( farthest - side at left , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) , radial-gradient ( farthest - side at left , rgba ( 118 , 152 , 48 , 0.07 ) , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 3 % 100 % , 50 % 100 % ; background-repeat : no-repeat ; background-position : left ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow overshoot . left : backdrop { background-image : radial-gradient ( farthest - side at left , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 3 % 100 % ; background-repeat : no-repeat ; background-position : left ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow overshoot . right { background-image : radial-gradient ( farthest - side at right , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) , radial-gradient ( farthest - side at right , rgba ( 118 , 152 , 48 , 0.07 ) , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 3 % 100 % , 50 % 100 % ; background-repeat : no-repeat ; background-position : right ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
scrolledwindow overshoot . right : backdrop { background-image : radial-gradient ( farthest - side at right , #769830 85 % , rgba ( 118 , 152 , 48 , 0 ) ) ; background-size : 3 % 100 % ; background-repeat : no-repeat ; background-position : right ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-04-03 12:17:36 +02:00
scrolledwindow junction { border-color : transparent ; border-image : linear-gradient ( to bottom , #595757 1 px , transparent 1 px ) 0 0 0 1 / 0 1 px stretch ; background-color : #393838 ; }
scrolledwindow junction : dir ( rtl ) { border-image-slice : 0 1 0 0 ; }
scrolledwindow junction : backdrop { border-image-source : linear-gradient ( to bottom , #545252 1 px , transparent 1 px ) ; background-color : #373636 ; transition : 200 ms ease-out ; }
separator { background-color : rgba ( 255 , 255 , 255 , 0.1 ) ; min-width : 1 px ; min-height : 1 px ; }
/********* Lists * */
list { color : #EDF0F5 ; background-color : #323232 ; border-color : #595757 ; }
list : backdrop { color : #c8cbcf ; background-color : #353535 ; border-color : #545252 ; }
list row { padding : 2 px ; }
2023-04-04 10:12:07 +02:00
row { transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; border : 1 px solid transparent ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row . activatable : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row . activatable : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row . activatable : selected , row . activatable . has-open-popup { color : #ffffff ; background-color : #769830 ; border-color : transparent ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
row . activatable : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-05 17:34:04 +02:00
. nested > row { background-color : rgba ( 255 , 255 , 255 , 0.1 ) ; }
2023-04-03 12:17:36 +02:00
/********************* App Notifications * */
. app-notification , . app-notification . frame { padding : 10 px ; border-radius : 0 0 5 px 5 px ; background-color : rgba ( 32 , 61 , 121 , 0.7 ) ; background-image : linear-gradient ( to bottom , rgba ( 0 , 0 , 0 , 0.2 ) , transparent 2 px ) ; background-clip : padding-box ; }
. app-notification : backdrop , . app-notification . frame : backdrop { background-image : none ; transition : 200 ms ease-out ; }
. app-notification border , . app-notification . frame border { border : none ; }
/************* Expanders * */
expander title > arrow { min-width : 16 px ; min-height : 16 px ; - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic" ) ; }
expander title > arrow : dir ( rtl ) { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic-rtl" ) ; }
expander title > arrow : checked { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
/************ Calendar * */
calendar { color : #EDF0F5 ; border : 1 px solid #595757 ; }
calendar : selected { border-radius : 3 px ; }
calendar . header { border-bottom-color : rgba ( 0 , 0 , 0 , 0.1 ) ; }
calendar . header : backdrop { border-bottom-color : rgba ( 0 , 0 , 0 , 0.1 ) ; }
calendar . button { color : rgba ( 237 , 240 , 245 , 0.45 ) ; }
calendar . button : hover { color : #EDF0F5 ; }
calendar . button : backdrop { color : rgba ( 150 , 151 , 154 , 0.45 ) ; }
2023-04-14 16:21:05 +02:00
calendar . button : disabled { color : rgba ( 123 , 123 , 123 , 0.45 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
calendar . highlight { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
calendar . highlight : backdrop { color : #666464 ; }
calendar : backdrop { color : #c8cbcf ; border-color : #545252 ; }
calendar : indeterminate { color : alpha ( currentColor , 0.1 ) ; }
/*********** Dialogs * */
messagedialog . titlebar { min-height : 20 px ; background-image : none ; background-color : #3f3e3e ; border-style : none ; border-top-left-radius : 7 px ; border-top-right-radius : 7 px ; }
messagedialog . csd . background { border-bottom-left-radius : 7 px ; border-bottom-right-radius : 7 px ; }
messagedialog . csd . dialog-action-area button { padding : 10 px 14 px ; border-right-style : none ; border-bottom-style : none ; border-radius : 0 ; - gtk-outline-radius : 0 ; }
messagedialog . csd . dialog-action-area button : first-child { border-left-style : none ; border-bottom-left-radius : 5 px ; - gtk-outline-bottom-left-radius : 5 px ; }
messagedialog . csd . dialog-action-area button : last-child { border-bottom-right-radius : 5 px ; - gtk-outline-bottom-right-radius : 5 px ; }
filechooser . dialog-action-box { border-top : 1 px solid #595757 ; }
filechooser . dialog-action-box : backdrop { border-top-color : #545252 ; }
filechooser # pathbarbox { border-bottom : 1 px solid #3f3e3e ; }
filechooserbutton : drop ( active ) { box-shadow : none ; border-color : transparent ; }
/*********** Sidebar * */
. sidebar { border-style : none ; background-color : #393838 ; }
stacksidebar . sidebar : dir ( ltr ) list , stacksidebar . sidebar . left list , stacksidebar . sidebar . left : dir ( rtl ) list , . sidebar : not ( separator ) : dir ( ltr ) , . sidebar : not ( separator ) . left { border-right : 1 px solid #595757 ; border-left-style : none ; }
stacksidebar . sidebar : dir ( rtl ) list , stacksidebar . sidebar . right list , . sidebar : not ( separator ) : dir ( rtl ) , . sidebar : not ( separator ) . right { border-left : 1 px solid #595757 ; border-right-style : none ; }
. sidebar : backdrop { background-color : #3a3939 ; border-color : #545252 ; transition : 200 ms ease-out ; }
. 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 row { padding : 10 px 4 px ; }
stacksidebar row > label { padding-left : 6 px ; padding-right : 6 px ; }
stacksidebar row . needs-attention > label { background-size : 6 px 6 px , 0 0 ; }
separator . sidebar { background-color : #595757 ; }
separator . sidebar : backdrop { background-color : #545252 ; }
separator . sidebar . selection-mode , . selection-mode separator . sidebar { background-color : #1d814a ; }
/**************** File chooser * */
row image . sidebar-icon { opacity : 1 ; }
placessidebar > viewport . frame { border-style : none ; }
placessidebar row { min-height : 36 px ; padding : 0 px ; }
placessidebar row > revealer { padding : 0 14 px ; }
2023-04-14 16:21:05 +02:00
placessidebar row : selected { color : #ffffff ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
placessidebar row : disabled { color : #7b7b7b ; }
2023-04-03 12:17:36 +02:00
placessidebar row : backdrop { color : #96979a ; }
2023-04-14 16:21:05 +02:00
placessidebar row : backdrop : selected { color : #e4e5e7 ; }
2023-04-03 12:17:36 +02:00
placessidebar row : backdrop : disabled { color : #666464 ; }
placessidebar row image . sidebar-icon : dir ( ltr ) { padding-right : 8 px ; }
placessidebar row image . sidebar-icon : dir ( rtl ) { padding-left : 8 px ; }
placessidebar row label . sidebar-label : dir ( ltr ) { padding-right : 2 px ; }
placessidebar row label . sidebar-label : dir ( rtl ) { padding-left : 2 px ; }
button . sidebar-button { min-height : 26 px ; min-width : 26 px ; margin-top : 3 px ; margin-bottom : 3 px ; padding : 0 ; border-radius : 100 % ; - gtk-outline-radius : 100 % ; }
button . sidebar-button : not ( : hover ) : not ( : active ) > image , button . sidebar-button : backdrop > image { opacity : 1 ; }
placessidebar row : selected : active { box-shadow : none ; }
placessidebar row . sidebar-placeholder-row { padding : 0 8 px ; min-height : 2 px ; background-image : image ( #33d17a ) ; background-clip : content-box ; }
2023-04-14 16:21:05 +02:00
placessidebar row . sidebar-new-bookmark-row { color : #769830 ; }
2023-04-03 12:17:36 +02:00
placessidebar row : drop ( active ) : not ( : disabled ) { color : #33d17a ; box-shadow : inset 0 1 px #33d17a , inset 0 -1 px #33d17a ; }
2023-04-14 16:21:05 +02:00
placessidebar row : drop ( active ) : not ( : disabled ) : selected { color : #ffffff ; background-color : #33d17a ; }
2023-04-03 12:17:36 +02:00
placesview . server-list-button > image { transition : 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; - gtk-icon-transform : rotate ( 0 turn ) ; }
placesview . server-list-button : checked > image { transition : 200 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; - gtk-icon-transform : rotate ( -0.5 turn ) ; }
placesview row . activatable : hover { background-color : transparent ; }
placesview > actionbar > revealer > box > label { padding-left : 8 px ; padding-right : 8 px ; }
/********* Paned * */
paned > separator { min-width : 0.5 rem ; min-height : 0.5 rem ; - gtk-icon-source : none ; background-image : url ( "assets/draggable-white.svg" ) ; background-position : center ; background-repeat : no-repeat ; background-size : 0.7 rem ; background-size : 0.5 rem ; border : none ; background-color : #595757 ; }
2023-04-14 16:21:05 +02:00
paned > separator : hover { box-shadow : inset 0 0 0 1 px #769830 ; }
2023-04-03 12:17:36 +02:00
paned > separator . wide { min-width : 0.75 rem ; min-height : 0.75 rem ; }
/************** GtkInfoBar * */
infobar { border-style : none ; }
infobar . action : hover > revealer > box { border-bottom : 1 px solid #666464 ; }
infobar . info , infobar . question , infobar . warning , infobar . error { text-shadow : none ; }
2023-04-14 16:21:05 +02:00
infobar . info : backdrop > revealer > box , infobar . info > revealer > box , infobar . question : backdrop > revealer > box , infobar . question > revealer > box , infobar . warning : backdrop > revealer > box , infobar . warning > revealer > box , infobar . error : backdrop > revealer > box , infobar . error > revealer > box { background-color : #493d60 ; border-bottom : 1 px solid #666464 ; }
2023-04-03 12:17:36 +02:00
infobar . info : backdrop > revealer > box label , infobar . info : backdrop > revealer > box , infobar . info > revealer > box label , infobar . info > revealer > box , infobar . question : backdrop > revealer > box label , infobar . question : backdrop > revealer > box , infobar . question > revealer > box label , infobar . question > revealer > box , infobar . warning : backdrop > revealer > box label , infobar . warning : backdrop > revealer > box , infobar . warning > revealer > box label , infobar . warning > revealer > box , infobar . error : backdrop > revealer > box label , infobar . error : backdrop > revealer > box , infobar . error > revealer > box label , infobar . error > revealer > box { color : #EDF0F5 ; }
infobar . info : backdrop , infobar . question : backdrop , infobar . warning : backdrop , infobar . error : backdrop { text-shadow : none ; }
2023-04-14 16:21:05 +02:00
infobar . info button , infobar . question button , infobar . warning button , infobar . error button { color : #EDF0F5 ; background-color : #3f3e3e ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
infobar . info button : hover , infobar . question button : hover , infobar . warning button : hover , infobar . error button : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
infobar . info button : active , infobar . info button : checked , infobar . question button : active , infobar . question button : checked , infobar . warning button : active , infobar . warning button : checked , infobar . error button : active , infobar . error button : checked { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
infobar . info button : disabled , infobar . question button : disabled , infobar . warning button : disabled , infobar . error button : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
infobar . info button : backdrop , infobar . question button : backdrop , infobar . warning button : backdrop , infobar . error button : backdrop { background-image : none ; border-color : #252525 ; }
infobar . info button : backdrop : disabled , infobar . question button : backdrop : disabled , infobar . warning button : backdrop : disabled , infobar . error button : backdrop : disabled { border-color : #252525 ; }
infobar . info button : backdrop label , infobar . info button : backdrop , infobar . info button label , infobar . info button , infobar . question button : backdrop label , infobar . question button : backdrop , infobar . question button label , infobar . question button , infobar . warning button : backdrop label , infobar . warning button : backdrop , infobar . warning button label , infobar . warning button , infobar . error button : backdrop label , infobar . error button : backdrop , infobar . error button label , infobar . error button { color : #EDF0F5 ; }
infobar . info selection , infobar . question selection , infobar . warning selection , infobar . error selection { background-color : #252525 ; }
infobar . info * : link , infobar . question * : link , infobar . warning * : link , infobar . error * : link { color : #99c1f1 ; }
/************ Tooltips * */
tooltip { border-radius : 5 px ; text-shadow : none ; }
tooltip . background { background-color : rgba ( 32 , 61 , 121 , 0.9 ) ; background-clip : padding-box ; border : 1 px solid #66cbec ; }
tooltip decoration { background-color : transparent ; }
tooltip * { background-color : transparent ; color : #66cbec ; }
/***************** Color Chooser * */
colorswatch : drop ( active ) , colorswatch { border-style : none ; }
colorswatch . top { border-top-left-radius : 5.5 px ; border-top-right-radius : 5.5 px ; }
colorswatch . top overlay { border-top-left-radius : 5 px ; border-top-right-radius : 5 px ; }
colorswatch . bottom { border-bottom-left-radius : 5.5 px ; border-bottom-right-radius : 5.5 px ; }
colorswatch . bottom overlay { border-bottom-left-radius : 5 px ; border-bottom-right-radius : 5 px ; }
colorswatch . left , colorswatch : first-child : not ( . top ) { border-top-left-radius : 5.5 px ; border-bottom-left-radius : 5.5 px ; }
colorswatch . left overlay , colorswatch : first-child : not ( . top ) overlay { border-top-left-radius : 5 px ; border-bottom-left-radius : 5 px ; }
colorswatch . right , colorswatch : last-child : not ( . bottom ) { border-top-right-radius : 5.5 px ; border-bottom-right-radius : 5.5 px ; }
colorswatch . right overlay , colorswatch : last-child : not ( . bottom ) overlay { border-top-right-radius : 5 px ; border-bottom-right-radius : 5 px ; }
colorswatch . dark { outline-color : rgba ( 255 , 255 , 255 , 0.6 ) ; }
colorswatch . dark overlay { color : white ; }
colorswatch . light { outline-color : rgba ( 0 , 0 , 0 , 0.6 ) ; }
colorswatch . light overlay { color : black ; }
colorswatch : drop ( active ) { box-shadow : none ; }
colorswatch : drop ( active ) . light overlay { border-color : #33d17a ; box-shadow : inset 0 0 0 2 px #595757 , inset 0 0 0 1 px #33d17a ; }
colorswatch : drop ( active ) . dark overlay { border-color : #33d17a ; box-shadow : inset 0 0 0 2 px #595757 , inset 0 0 0 1 px #33d17a ; }
colorswatch overlay { border : 1 px solid #595757 ; }
2023-04-14 16:21:05 +02:00
colorswatch overlay : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-03 17:12:05 +02:00
colorswatch overlay : backdrop , colorswatch overlay : backdrop : hover { box-shadow : none ; }
2023-04-03 12:17:36 +02:00
colorswatch # add-color-button { border-radius : 5 px 5 px 0 0 ; }
colorswatch # add-color-button : only-child { border-radius : 5 px ; }
2023-04-14 16:21:05 +02:00
colorswatch # add-color-button overlay { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
colorswatch # add-color-button overlay : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
colorswatch # add-color-button overlay : backdrop { background-image : none ; }
colorswatch : disabled { opacity : 0.5 ; }
colorswatch : disabled overlay { border-color : rgba ( 0 , 0 , 0 , 0.6 ) ; box-shadow : none ; }
2023-04-14 16:21:05 +02:00
row : selected colorswatch { box-shadow : 0 0 0 2 px #ffffff ; }
2023-04-03 12:17:36 +02:00
colorswatch # editor-color-sample { border-radius : 4 px ; }
colorswatch # editor-color-sample overlay { border-radius : 4.5 px ; }
colorchooser . popover . osd { border-radius : 5 px ; }
/******** Misc * */
. content-view { background-color : #2d2c2c ; }
. content-view : hover { - gtk-icon-effect : highlight ; }
. content-view : backdrop { background-color : #2d2c2c ; }
/********************** Window Decorations * */
decoration { border-radius : 6 px 6 px 0 0 ; border-width : 0 px ; box-shadow : 0 3 px 9 px 1 px rgba ( 0 , 0 , 0 , 0.5 ) , 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) ; margin : 10 px ; }
decoration : backdrop { box-shadow : 0 3 px 9 px 1 px transparent , 0 2 px 6 px 2 px rgba ( 0 , 0 , 0 , 0.2 ) , 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) ; transition : 200 ms ease-out ; }
. maximized decoration , . fullscreen decoration { border-radius : 0 ; box-shadow : none ; }
. tiled decoration , . tiled-top decoration , . tiled-right decoration , . tiled-bottom decoration , . tiled-left decoration { border-radius : 0 ; box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) , 0 2 px 6 px 2 px rgba ( 0 , 0 , 0 , 0.7 ) , 0 0 0 20 px transparent ; }
. tiled decoration : backdrop , . tiled-top decoration : backdrop , . tiled-right decoration : backdrop , . tiled-bottom decoration : backdrop , . tiled-left decoration : backdrop { box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) , 0 2 px 6 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) , 0 0 0 20 px transparent ; }
. popup decoration { box-shadow : none ; }
. ssd decoration { box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) ; }
. ssd decoration : backdrop { box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.75 ) ; }
. csd . popup decoration { border-radius : 5 px ; box-shadow : 0 1 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) , 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.65 ) ; }
tooltip . csd decoration { border-radius : 5 px ; box-shadow : 0 3 px 4 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
messagedialog . csd decoration { border-radius : 6 px ; box-shadow : 0 1 px 5 px rgba ( 0 , 0 , 0 , 0.2 ) , 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.65 ) ; }
. solid-csd decoration { margin : 0 ; padding : 4 px ; background-color : #595757 ; border : solid 1 px #595757 ; border-radius : 0 ; box-shadow : inset 0 0 0 3 px #373636 , inset 0 1 px rgba ( 237 , 240 , 245 , 0.07 ) , 0 3 px 5 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
. solid-csd decoration : backdrop { box-shadow : inset 0 0 0 3 px #3f3e3e , inset 0 1 px rgba ( 237 , 240 , 245 , 0.07 ) , 0 3 px 5 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-13 13:33:20 +02:00
button . titlebutton : not ( . appmenu ) { padding : 5 px ; margin : 0 2 px ; min-width : 0 ; min-height : 0 ; }
2023-04-03 12:17:36 +02:00
2023-04-13 13:33:20 +02:00
button . titlebutton : not ( . appmenu ) : backdrop { background-image : none ; }
2023-04-03 12:17:36 +02:00
button . titlebutton . close { padding-right : 12 px ; padding-left : 12 px ; }
2023-04-14 16:21:05 +02:00
button . titlebutton . close : not ( : backdrop ) { color : #EDF0F5 ; background-color : #924c3a ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
button . titlebutton . close : not ( : backdrop ) : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
button . titlebutton . close : not ( : backdrop ) : active { box-shadow : 0 0 3 px 2 px #769830 ; }
2023-04-03 12:17:36 +02:00
button . titlebutton : backdrop { - gtk-icon-shadow : none ; }
. selection-mode headerbar button . titlebutton , . selection-mode . titlebar button . titlebutton , headerbar . selection-mode button . titlebutton , . titlebar . selection-mode button . titlebutton { text-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.592157 ) ; - gtk-icon-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.592157 ) ; }
. selection-mode headerbar button . titlebutton : backdrop , . selection-mode . titlebar button . titlebutton : backdrop , headerbar . selection-mode button . titlebutton : backdrop , . titlebar . selection-mode button . titlebutton : backdrop { - gtk-icon-shadow : none ; }
. monospace { font-family : monospace ; }
/********************** Touch Copy & Paste * */
/********************** Touch Copy & Paste * */
2023-04-14 16:21:05 +02:00
cursor-handle { color : #EDF0F5 ; background-color : #585858 ; border-color : transparent ; outline-color : #769830 ; box-shadow : 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; border : 1 px solid #666464 ; border-radius : 100 % ; transition : all 500 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; transition-property : background , border , box-shadow ; min-height : 18 px ; min-width : 10 px ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
cursor-handle : hover { border-color : currentColor ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
cursor-handle : active { border-color : #85ab36 ; }
2023-04-03 12:17:36 +02:00
2023-04-14 16:21:05 +02:00
cursor-handle : disabled { color : #7b7b7b ; border-color : transparent ; background-color : #494949 ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; box-shadow : 0 px 1 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 12:17:36 +02:00
cursor-handle . top : dir ( ltr ) , cursor-handle . bottom : dir ( rtl ) { border-radius : 100 % 5 px 5 px 5 px ; }
cursor-handle . bottom : dir ( ltr ) , cursor-handle . top : dir ( rtl ) { border-radius : 5 px 100 % 5 px 5 px ; }
. context-menu { font : initial ; }
. keycap { min-width : 20 px ; min-height : 25 px ; margin-top : 2 px ; padding-bottom : 3 px ; padding-left : 6 px ; padding-right : 6 px ; color : #EDF0F5 ; background-color : #323232 ; border : 1 px solid ; border-color : #595757 ; border-radius : 5 px ; box-shadow : inset 0 -3 px #494848 ; font-size : smaller ; }
. keycap : backdrop { background-color : #353535 ; color : #96979a ; transition : 200 ms ease-out ; }
: 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 ; }
/************* 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 ) ; }
/* Dropshadow 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 { padding-left : 0 ; padding-right : 0 ; }
popover . emoji-picker entry . search { margin : 3 px 5 px 5 px 5 px ; }
button . emoji-section { border-color : transparent ; border-width : 3 px ; border-style : none none solid ; border-radius : 0 ; margin : 2 px 4 px 2 px 4 px ; padding : 3 px 0 0 ; min-width : 32 px ; min-height : 28 px ; /* reset props inherited from the button style */ background : none ; box-shadow : none ; text-shadow : none ; outline-offset : -5 px ; }
button . emoji-section : first-child { margin-left : 7 px ; }
button . emoji-section : last-child { margin-right : 7 px ; }
button . emoji-section : backdrop : not ( : checked ) { border-color : transparent ; }
button . emoji-section : hover { border-color : rgba ( 237 , 240 , 245 , 0.1 ) ; }
2023-04-14 16:21:05 +02:00
button . emoji-section : checked { border-color : #769830 ; }
2023-04-03 12:17:36 +02:00
button . emoji-section label { padding : 0 ; opacity : 0.55 ; }
button . emoji-section : hover label { opacity : 0.775 ; }
button . emoji-section : checked label { opacity : 1 ; }
popover . emoji-picker . emoji { font-size : x-large ; padding : 6 px ; }
2023-04-14 16:21:05 +02:00
popover . emoji-picker . emoji : hover { background : #769830 ; border-radius : 6 px ; }
2023-04-03 12:17:36 +02:00
popover . emoji-completion arrow { border : none ; background : none ; }
popover . emoji-completion contents row box { padding : 2 px 10 px ; }
popover . emoji-completion . emoji : hover { background : #4c4b4b ; }
undershoot { background-repeat : no-repeat ; background-clip : border-box ; background-image : image ( alpha ( #4384b3 , 0.3 ) ) ; }
undershoot . top { background-size : 100 % 0.5 em ; background-position : top ; }
undershoot . bottom { background-size : 100 % 0.5 em ; background-position : bottom ; }
undershoot . left { background-size : 0.5 em 100 % ; background-position : left ; }
undershoot . right { background-size : 0.5 em 100 % ; background-position : right ; }
2023-04-14 16:21:05 +02:00
stackswitcher , . stack-switcher , notebook > header { border-radius : 9999 px ; box-shadow : inset 0 px 1 px 3 px 0 rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-04-03 17:12:05 +02:00
headerbar stackswitcher , windowhandle stackswitcher , headerbar . stack-switcher , windowhandle . stack-switcher , headerbar notebook > header , windowhandle notebook > header { margin : 3 px 0 px ; }
headerbar stackswitcher > button , windowhandle stackswitcher > button , headerbar . stack-switcher > button , windowhandle . stack-switcher > button , headerbar notebook > header > button , windowhandle notebook > header > button { min-height : 19 px ; }
2023-04-03 12:17:36 +02:00
/* GTK NAMED COLORS ---------------- use responsibly! */
/ *
widget text / foreground color * /
@ define-color theme_fg_color # EDF0F5 ;
/ *
text color for entries , views and content in general * /
@ define-color theme_text_color # EDF0F5 ;
/ *
widget base background color * /
@ define-color theme_bg_color # 3f3e3e ;
/ *
text widgets and the like base background color * /
@ define-color theme_base_color # 323232 ;
/ *
base background color of selections * /
2023-04-14 16:21:05 +02:00
@ define-color theme_selected_bg_color # 769830 ;
2023-04-03 12:17:36 +02:00
/ *
text / foreground color of selections * /
2023-04-14 16:21:05 +02:00
@ define-color theme_selected_fg_color # ffffff ;
2023-04-03 12:17:36 +02:00
/ *
base background color of insensitive widgets * /
2023-04-14 16:21:05 +02:00
@ define-color insensitive_bg_color # 494949 ;
2023-04-03 12:17:36 +02:00
/ *
text foreground color of insensitive widgets * /
2023-04-14 16:21:05 +02:00
@ define-color insensitive_fg_color # 7b7b7b ;
2023-04-03 12:17:36 +02:00
/ *
insensitive text widgets and the like base background color * /
@ define-color insensitive_base_color # 323232 ;
/ *
widget text / foreground color on backdrop windows * /
@ define-color theme_unfocused_fg_color # 96979a ;
/ *
text color for entries , views and content in general on backdrop windows * /
@ define-color theme_unfocused_text_color # EDF0F5 ;
/ *
widget base background color on backdrop windows * /
@ define-color theme_unfocused_bg_color # 3f3e3e ;
/ *
text widgets and the like base background color on backdrop windows * /
@ define-color theme_unfocused_base_color # 353535 ;
/ *
base background color of selections on backdrop windows * /
2023-04-14 16:21:05 +02:00
@ define-color theme_unfocused_selected_bg_color # 769830 ;
2023-04-03 12:17:36 +02:00
/ *
text / foreground color of selections on backdrop windows * /
2023-04-14 16:21:05 +02:00
@ define-color theme_unfocused_selected_fg_color # ffffff ;
2023-04-03 12:17:36 +02:00
/ *
insensitive color on backdrop windows * /
@ define-color unfocused_insensitive_color # 666464 ;
/ *
widgets main borders color * /
@ define-color borders # 595757 ;
/ *
widgets main borders color on backdrop windows * /
@ define-color unfocused_borders # 545252 ;
/ *
these are pretty self explicative * /
@ define-color warning_color # f57900 ;
@ define-color error_color # CC0000 ;
@ define-color success_color # 33d17a ;
/ *
these colors are exported for the window manager and shouldn ' t be used in applications ,
read if you used those and something break with a version upgrade you ' re on your own . . . * /
2023-10-03 14:28:09 +02:00
@ define-color wm_title # ffffff ;
@ define-color wm_unfocused_title # 3f3e3e ;
2023-04-03 12:17:36 +02:00
@ define-color wm_highlight rgba ( 0 , 0 , 0 , 0 ) ;
@ define-color wm_borders_edge rgba ( 237 , 240 , 245 , 0 . 07 ) ;
2023-10-03 14:28:09 +02:00
@ define-color wm_bg_a shade ( # 768556 , 1 . 2 ) ;
@ define-color wm_bg_b # 768556 ;
@ define-color wm_bg # 768556 ;
@ define-color wm_unfocused_bg # 3f3e3e ;
2023-04-03 12:17:36 +02:00
@ define-color wm_shadow alpha ( black , 0 . 35 ) ;
@ define-color wm_border alpha ( black , 0 . 18 ) ;
@ define-color wm_button_hover_color_a shade ( # 3f3e3e , 1 . 3 ) ;
@ define-color wm_button_hover_color_b # 3f3e3e ;
@ define-color wm_button_active_color_a shade ( # 3f3e3e , 0 . 85 ) ;
@ define-color wm_button_active_color_b shade ( # 3f3e3e , 0 . 89 ) ;
@ define-color wm_button_active_color_c shade ( # 3f3e3e , 0 . 9 ) ;
/* content view background such as thumbnails view in Photos or Boxes */
@ define-color content_view_bg # 323232 ;
/* Very contrasty background for text views (@theme_text_color foreground) */
@ define-color text_view_bg # 232323 ;