2023-01-25 20:52:12 +01:00
/*Usually an automatic fg color on these backgrounds should check this value!*/
/*************************** Check and Radio buttons * */
/*************************** Check and Radio buttons * */
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 : #9dccff ; }
. 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 : #000000 ; }
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 : #4f6680 ; }
label : backdrop selection , . selection-mode button . titlebutton : backdrop , label : backdrop : selected , calendar : backdrop : selected , row : backdrop : selected , treeview . view : backdrop : selected , modelbutton . flat : backdrop : selected , . menuitem . button . flat : backdrop : selected , spinbutton : not ( . vertical ) selection : backdrop , entry selection : backdrop , flowbox flowboxchild : backdrop : selected , . view text selection : backdrop , iconview text selection : backdrop , textview text selection : backdrop : focus , textview text selection : backdrop , . view : backdrop : selected , iconview : backdrop : selected , . view text : backdrop : selected , iconview text : backdrop : selected , textview text : backdrop : selected { color : #222222 ; background-color : rgba ( 182 , 205 , 231 , 0.7 ) ; }
label : backdrop selection : disabled , . selection-mode button . titlebutton : backdrop : disabled , label : backdrop : disabled : selected , calendar : backdrop : disabled : selected , row : backdrop : disabled : selected , modelbutton . flat : backdrop : disabled : selected , . menuitem . button . flat : backdrop : disabled : selected , spinbutton : not ( . vertical ) selection : backdrop : disabled , entry selection : backdrop : disabled , flowbox flowboxchild : backdrop : disabled : selected , . view text selection : backdrop : disabled , iconview text selection : backdrop : disabled , textview text selection : backdrop : disabled , . view : backdrop : disabled : selected , iconview : backdrop : disabled : selected , . view text : backdrop : disabled : selected , iconview text : backdrop : disabled : selected , textview text : backdrop : disabled : selected { color : #7899bd ; }
2023-03-03 11:46:18 +01:00
* { padding : 0 ; - GtkToolButton-icon-spacing : 4 ; - GtkTextView-error-underline-color : #df0000 ; - 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 : #9dccff ; }
2023-01-25 20:52:12 +01:00
/*************** Base States * */
. background { color : #1d1d1d ; background-color : #c9c9c9 ; }
. background : backdrop { color : #737373 ; background-color : #c9c9c9 ; 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 : #1d1d1d ; background-color : #c9c9c9 ; }
. gtkstyle-fallback : hover { color : #1d1d1d ; background-color : #e3e3e3 ; }
. gtkstyle-fallback : active { color : #1d1d1d ; background-color : #b0b0b0 ; }
. gtkstyle-fallback : disabled { color : #552222 ; background-color : #c7bebe ; }
. gtkstyle-fallback : selected { color : #000000 ; background-color : #9dccff ; }
. view , iconview , . view text , iconview text , textview text { color : #1d1d1d ; background-color : #e5e5e5 ; }
. view : backdrop , iconview : backdrop , . view text : backdrop , iconview text : backdrop , textview text : backdrop { color : #444444 ; background-color : #e2e2e2 ; }
. view : backdrop : disabled , iconview : backdrop : disabled , . view text : backdrop : disabled , iconview text : backdrop : disabled , textview text : backdrop : disabled { color : #a3a3a3 ; }
. view : disabled , iconview : disabled , . view text : disabled , iconview text : disabled , textview text : disabled { color : #552222 ; background-color : #c7bebe ; }
. 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 ; }
textview border { background-color : #d7d7d7 ; }
. rubberband , rubberband , . content-view rubberband , . content-view . rubberband , treeview . view rubberband , flowbox rubberband { border : 1 px solid #6ab1ff ; background-color : rgba ( 106 , 177 , 255 , 0.2 ) ; }
flowbox flowboxchild { padding : 3 px ; }
flowbox flowboxchild : selected { outline-offset : -2 px ; }
. content-view . tile { margin : 2 px ; background-color : transparent ; border-radius : 0 ; padding : 0 ; }
. content-view . tile : backdrop { background-color : transparent ; }
. content-view . tile : active , . content-view . tile : selected { background-color : transparent ; }
. content-view . tile : disabled { background-color : transparent ; }
label { caret-color : currentColor ; }
label selection { background-color : #9dccff ; color : #000000 ; }
label : disabled { color : #552222 ; }
button label : disabled { color : inherit ; }
label : disabled : backdrop { color : #a3a3a3 ; }
button label : disabled : backdrop { color : inherit ; }
label . error { color : #df0000 ; }
label . error : disabled { color : rgba ( 223 , 0 , 0 , 0.5 ) ; }
label . error : disabled : backdrop { color : rgba ( 223 , 0 , 0 , 0.4 ) ; }
. dim-label , . titlebar : not ( headerbar ) . subtitle , headerbar . subtitle , label . separator { opacity : 0.55 ; text-shadow : none ; }
2023-03-03 11:46:18 +01:00
assistant . sidebar { background-color : #e5e5e5 ; border-top : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
assistant . sidebar : backdrop { background-color : #e2e2e2 ; border-color : #8c8c8c ; }
2023-01-25 20:52:12 +01:00
assistant . csd . sidebar { border-top-style : none ; }
assistant . sidebar label { padding : 6 px 12 px ; }
assistant . sidebar label . highlight { background-color : #a7a7a7 ; }
. 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 : #504300 ; border : 1 px solid #504300 ; background-color : rgba ( 255 , 255 , 164 , 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 : #737373 ; }
spinner : checked { opacity : 1 ; animation : spin 1 s linear infinite ; }
spinner : checked : disabled { opacity : 0.5 ; color : #552222 ; }
/********************** 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 * */
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 : #1d1d1d ; border-color : #818181 ; background-color : #e5e5e5 ; box-shadow : inset 0 0 0 1 px rgba ( 157 , 204 , 255 , 0 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) , 0 1 px rgba ( 255 , 255 , 255 , 0.5 ) ; }
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 ; }
spinbutton : focus : not ( . vertical ) , entry : focus { box-shadow : inset 0 0 0 1 px #9dccff , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) , 0 1 px rgba ( 255 , 255 , 255 , 0.5 ) ; border-color : #9dccff ; }
spinbutton : disabled : not ( . vertical ) , entry : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; box-shadow : none ; }
2023-03-03 11:46:18 +01:00
spinbutton : backdrop : not ( . vertical ) , entry : backdrop { color : #444444 ; border-color : #8c8c8c ; background-color : #e2e2e2 ; box-shadow : none ; transition : 200 ms ease-out ; }
2023-01-25 20:52:12 +01:00
spinbutton : backdrop : disabled : not ( . vertical ) , entry : backdrop : disabled { color : #a3a3a3 ; border-color : #b5b0b0 ; background-color : #c7bebe ; box-shadow : none ; }
spinbutton . error : not ( . vertical ) , entry . error { color : #df0000 ; border-color : #df0000 ; }
spinbutton . error : focus : not ( . vertical ) , entry . error : focus { box-shadow : inset 0 0 0 1 px #df0000 , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) , 0 1 px rgba ( 255 , 255 , 255 , 0.5 ) ; border-color : #df0000 ; }
spinbutton . error : not ( . vertical ) selection , entry . error selection { background-color : #df0000 ; }
2023-02-09 11:54:15 +01:00
spinbutton . warning : not ( . vertical ) , entry . warning { color : #e17800 ; border-color : #e17800 ; }
2023-01-25 20:52:12 +01:00
2023-02-09 11:54:15 +01:00
spinbutton . warning : focus : not ( . vertical ) , entry . warning : focus { box-shadow : inset 0 0 0 1 px #e17800 , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) , 0 1 px rgba ( 255 , 255 , 255 , 0.5 ) ; border-color : #e17800 ; }
2023-01-25 20:52:12 +01:00
2023-02-09 11:54:15 +01:00
spinbutton . warning : not ( . vertical ) selection , entry . warning selection { background-color : #e17800 ; }
2023-01-25 20:52:12 +01:00
spinbutton : not ( . vertical ) image , entry image { color : #454545 ; }
spinbutton : not ( . vertical ) image : hover , entry image : hover { color : #1d1d1d ; }
spinbutton : not ( . vertical ) image : active , entry image : active { color : #9dccff ; }
spinbutton : not ( . vertical ) image : backdrop , entry image : backdrop { color : #898989 ; }
2023-12-22 17:14:08 +01:00
spinbutton : drop ( active ) : not ( . vertical ) , entry : drop ( active ) : focus , entry : drop ( active ) { border-color : #13d272 ; box-shadow : inset 0 0 0 1 px #13d272 ; }
2023-01-25 20:52:12 +01:00
. osd spinbutton : not ( . vertical ) , . osd entry { color : #504300 ; border-color : #504300 ; background-color : rgba ( 80 , 67 , 0 , 0.5 ) ; background-clip : padding-box ; box-shadow : 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; text-shadow : 0 1 px black ; - gtk-icon-shadow : 0 1 px black ; }
. osd spinbutton : focus : not ( . vertical ) , . osd entry : focus { color : #504300 ; border-color : #9dccff ; background-color : rgba ( 80 , 67 , 0 , 0.5 ) ; background-clip : padding-box ; box-shadow : inset 0 0 0 1 px #9dccff , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; text-shadow : 0 1 px black ; - gtk-icon-shadow : 0 1 px black ; }
. osd spinbutton : backdrop : not ( . vertical ) , . osd entry : backdrop { color : #504300 ; border-color : #504300 ; background-color : rgba ( 80 , 67 , 0 , 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 : #a8a152 ; border-color : #504300 ; background-color : rgba ( 238 , 236 , 148 , 0.5 ) ; background-clip : padding-box ; box-shadow : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-02-09 11:54:15 +01:00
spinbutton : not ( . vertical ) progress , entry progress { margin : 2 px -6 px ; background-color : transparent ; background-image : none ; border-radius : 0 ; border-width : 0 0 2 px ; border-color : #3ec400 ; border-style : solid ; box-shadow : none ; }
2023-01-25 20:52:12 +01: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 ; }
. 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 : #9dccff ; }
. 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 : #df0000 ; }
2023-12-22 17:14:08 +01:00
. 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 : #13d272 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. 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 : #c6c6c6 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. 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 : #c9c9c9 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. 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 : #c6c6c6 ; }
2023-01-25 20:52:12 +01: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 : #9dccff ; }
. 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 : #df0000 ; }
2023-12-22 17:14:08 +01:00
. 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 : #13d272 ; }
2023-01-25 20:52:12 +01: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 : #9dccff ; }
. 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 : #df0000 ; }
2023-12-22 17:14:08 +01:00
. 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 : #13d272 ; }
2023-01-25 20:52:12 +01:00
spinbutton . error : not ( . vertical ) , entry . error { color : #df0000 ; }
treeview entry : focus : dir ( rtl ) , treeview entry : focus : dir ( ltr ) { background-color : #e5e5e5 ; transition-property : color , background ; }
treeview entry . flat , treeview entry { border-radius : 0 ; background-image : none ; background-color : #e5e5e5 ; }
treeview entry . flat : focus , treeview entry : focus { border-color : #9dccff ; }
. entry-tag { padding : 5 px ; margin-top : 2 px ; margin-bottom : 2 px ; border-style : none ; color : #000000 ; background-color : #9dccff ; }
: 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 : #d0e7ff ; }
: backdrop . entry-tag { color : #e2e2e2 ; background-color : #9dccff ; }
. entry-tag . button { background-color : transparent ; color : rgba ( 0 , 0 , 0 , 0.7 ) ; }
: not ( : backdrop ) . entry-tag . button : hover { border : 1 px solid #9dccff ; color : #000000 ; }
: not ( : backdrop ) . entry-tag . button : active { background-color : #9dccff ; color : rgba ( 0 , 0 , 0 , 0.7 ) ; }
/****************************************************** Buttons * */
2023-02-09 11:54:15 +01:00
@ keyframes needs_attention { from { background-image : - gtk-gradient ( radial , center center , 0 , center center , 0.01 , to ( #e17800 ) , to ( transparent ) ) ; }
to { background-image : - gtk-gradient ( radial , center center , 0 , center center , 0.5 , to ( #e17800 ) , to ( transparent ) ) ; } }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
button . titlebutton , scrollbar slider , notebook > header > tabs > arrow , button { min-height : 24 px ; min-width : 16 px ; padding : 2 px 6 px ; border : 1 px solid ; border-radius : 3 px ; transition : none ; color : #1d1d1d ; background-color : #d3d3d3 ; border-color : #787878 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-01-25 20:52:12 +01:00
button . sidebar-button , scrollbar slider . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , notebook > header > tabs > arrow . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) , button . flat : not ( : hover ) : not ( : active ) : not ( : checked ) : not ( : disabled ) { border-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 ; transition : none ; }
2023-03-01 11:31:26 +01:00
scrollbar slider : hover , notebook > header > tabs > arrow : hover , button : hover { background-color : #e9e9e9 ; - gtk-icon-effect : highlight ; }
2023-01-25 20:52:12 +01:00
scrollbar slider : active , notebook > header > tabs > arrow : active , button : active { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; transition-duration : 50 ms ; }
scrollbar slider : checked , notebook > header > tabs > arrow : checked , button : checked , button : checked : active { color : #000000 ; background-color : #9dccff ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; transition-duration : 50 ms ; }
scrollbar slider : checked : hover : not ( : active ) , notebook > header > tabs > arrow : checked : hover : not ( : active ) , button : checked : hover : not ( : active ) { color : #000000 ; background-color : shade ( #9dccff , 1.1 ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
scrollbar slider : backdrop , notebook > header > tabs > arrow : backdrop , button : backdrop . flat , button : backdrop { background-image : none ; transition : 200 ms ease-out ; - gtk-icon-effect : none ; }
button . sidebar-button : backdrop , button . sidebar-button : disabled , scrollbar slider . flat : backdrop , scrollbar slider . flat : disabled , notebook > header > tabs > arrow . flat : backdrop , notebook > header > tabs > arrow . flat : disabled , button . flat : backdrop , button . flat : disabled , 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 ; }
button . sidebar-button : disabled , scrollbar slider . flat : disabled , notebook > header > tabs > arrow . flat : disabled , button . flat : disabled , button . flat : backdrop : disabled { background-color : #c7bebe ; }
scrollbar slider : disabled , notebook > header > tabs > arrow : disabled , button : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
scrollbar slider : disabled : active , scrollbar slider : disabled : checked , notebook > header > tabs > arrow : disabled : active , notebook > header > tabs > arrow : disabled : checked , button : disabled : active , button : disabled : checked { color : #552222 ; background-color : #c1c0c8 ; border-color : #8e7070 ; text-shadow : none ; - gtk-icon-shadow : none ; }
scrollbar slider . image-button , notebook > header > tabs > arrow . image-button , button . image-button { min-width : 24 px ; padding-left : 2 px ; padding-right : 2 px ; }
scrollbar slider . text-button , notebook > header > tabs > arrow . text-button , button . text-button { padding-left : 16 px ; padding-right : 16 px ; }
scrollbar slider . text-button . image-button , notebook > header > tabs > arrow . text-button . image-button , button . text-button . image-button { padding-left : 8 px ; padding-right : 8 px ; }
scrollbar slider . text-button . image-button label , notebook > header > tabs > arrow . text-button . image-button label , button . text-button . image-button label { padding-left : 8 px ; padding-right : 8 px ; }
2023-12-22 17:14:08 +01:00
combobox : drop ( active ) button . combo , scrollbar slider : drop ( active ) , notebook > header > tabs > arrow : drop ( active ) , button : drop ( active ) { color : #13d272 ; border-color : #13d272 ; box-shadow : inset 0 0 0 1 px #13d272 ; }
2023-01-25 20:52:12 +01:00
row : selected notebook > header > tabs > arrow , row : selected button { border-color : #51a4ff ; }
row : selected button . sidebar-button : 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 button . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) { color : #000000 ; border-color : transparent ; }
row : selected button . sidebar-button : 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 button . flat : not ( : active ) : not ( : checked ) : not ( : hover ) : not ( disabled ) : backdrop { color : #e2e2e2 ; }
2023-03-03 11:46:18 +01:00
notebook > header > tabs > arrow . small-button , button . small-button { padding : 0 px ; min-height : 10 px ; min-width : 10 px ; }
2023-01-25 20:52:12 +01:00
notebook > header > tabs > arrow . osd , button . osd { min-width : 26 px ; min-height : 32 px ; color : #504300 ; border-radius : 5 px ; border : none ; box-shadow : none ; }
notebook > header > tabs > arrow . osd . image-button , button . osd . image-button { min-width : 34 px ; }
notebook > header > tabs > arrow . osd : hover , button . osd : hover { border : none ; box-shadow : none ; }
notebook > header > tabs > arrow . osd : active , notebook > header > tabs > arrow . osd : checked , button . osd : active , button . osd : checked { border : none ; box-shadow : none ; }
notebook > header > tabs > arrow . osd : disabled , button . osd : disabled : backdrop , button . osd : disabled { border : none ; }
notebook > header > tabs > arrow . osd : backdrop , button . osd : backdrop { border : none ; }
. 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 notebook > header > tabs > arrow , . osd button { color : #504300 ; background-color : rgba ( 255 , 255 , 164 , 0.7 ) ; border-color : rgba ( 141 , 133 , 57 , 0.85 ) ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-03-01 11:31:26 +01:00
. app-notification button : hover , popover . background . touch-selection button : hover , popover . background . magnifier button : hover , . osd notebook > header > tabs > arrow : hover , . osd button : hover { background-color : rgba ( 255 , 255 , 223 , 0.85 ) ; }
2023-01-25 20:52:12 +01:00
. app-notification button : active , popover . background . touch-selection button : active , popover . background . magnifier button : active , . app-notification button : checked , popover . background . touch-selection button : checked , popover . background . magnifier button : checked , . osd notebook > header > tabs > arrow : active , . osd notebook > header > tabs > arrow : checked , . osd button : active : backdrop , . osd button : active , . osd button : checked : backdrop , . osd button : checked { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
. app-notification button : disabled , popover . background . touch-selection button : disabled , popover . background . magnifier button : disabled , . osd notebook > header > tabs > arrow : disabled , . osd button : disabled : backdrop , . osd button : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
. app-notification button : backdrop , popover . background . touch-selection button : backdrop , popover . background . magnifier button : backdrop , . osd notebook > header > tabs > arrow : backdrop , . osd button : backdrop { background-image : none ; }
. app-notification button . flat , popover . background . touch-selection button . flat , popover . background . magnifier button . flat , . osd notebook > header > tabs > arrow . flat , . osd button . flat { box-shadow : none ; text-shadow : 0 1 px black ; - gtk-icon-shadow : 0 1 px black ; }
. 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 notebook > header > tabs > 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-03-01 11:31:26 +01:00
. app-notification button . flat : hover , popover . background . touch-selection button . flat : hover , popover . background . magnifier button . flat : hover , . osd notebook > header > tabs > arrow . flat : hover , . osd button . flat : hover { background-color : rgba ( 255 , 255 , 223 , 0.85 ) ; }
2023-01-25 20:52:12 +01:00
. app-notification button . flat : disabled , popover . background . touch-selection button . flat : disabled , popover . background . magnifier button . flat : disabled , . osd notebook > header > tabs > arrow . flat : disabled , . osd button . flat : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; background-color : #c7bebe ; background-image : none ; border-color : transparent ; box-shadow : none ; }
. app-notification button . flat : backdrop , popover . background . touch-selection button . flat : backdrop , popover . background . magnifier button . flat : backdrop , . osd notebook > header > tabs > 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 ; }
. 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 notebook > header > tabs > arrow . flat : active , . osd notebook > header > tabs > arrow . flat : checked , . osd button . flat : active , . osd button . flat : checked { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-12-22 17:14:08 +01:00
notebook > header > tabs > arrow . suggested-action , button . suggested-action { color : white ; background-color : #13d272 ; border-color : #89e9b9 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.640784 ) ; - gtk-icon-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.640784 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.35 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
notebook > header > tabs > 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 : #13d272 ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
notebook > header > tabs > arrow . suggested-action : hover , button . suggested-action : hover { background-color : #42db8e ; }
2023-01-25 20:52:12 +01:00
2023-02-09 11:54:15 +01:00
notebook > header > tabs > arrow . suggested-action : active , notebook > header > tabs > arrow . suggested-action : checked , button . suggested-action : active , button . suggested-action : checked { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.35 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-01-25 20:52:12 +01:00
notebook > header > tabs > arrow . suggested-action : backdrop , button . suggested-action : backdrop , button . suggested-action . flat : backdrop { background-image : none ; }
2023-12-22 17:14:08 +01:00
notebook > header > tabs > arrow . suggested-action . flat : backdrop , notebook > header > tabs > arrow . suggested-action . flat : disabled , button . suggested-action . flat : backdrop , button . suggested-action . flat : disabled , button . suggested-action . 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 ; color : rgba ( 19 , 210 , 114 , 0.8 ) ; }
2023-01-25 20:52:12 +01:00
notebook > header > tabs > arrow . suggested-action : disabled , button . suggested-action : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
notebook > header > tabs > arrow . suggested-action : disabled : active , notebook > header > tabs > arrow . suggested-action : disabled : checked , button . suggested-action : disabled : active , button . suggested-action : disabled : checked { color : #552222 ; background-color : #c1c0c8 ; border-color : #8e7070 ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-02-09 11:54:15 +01:00
notebook > header > tabs > arrow . destructive-action , button . destructive-action { color : white ; background-color : #df0000 ; border-color : #ef8080 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.650196 ) ; - gtk-icon-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.650196 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.35 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-01-25 20:52:12 +01:00
notebook > header > tabs > 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 : #df0000 ; }
2023-03-01 11:31:26 +01:00
notebook > header > tabs > arrow . destructive-action : hover , button . destructive-action : hover { background-color : #e53333 ; }
2023-01-25 20:52:12 +01:00
notebook > header > tabs > arrow . destructive-action : active , notebook > header > tabs > arrow . destructive-action : checked , button . destructive-action : active , button . destructive-action : checked { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.35 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
notebook > header > tabs > arrow . destructive-action : backdrop , button . destructive-action : backdrop , button . destructive-action . flat : backdrop { background-image : none ; }
notebook > header > tabs > arrow . destructive-action . flat : backdrop , notebook > header > tabs > arrow . destructive-action . flat : disabled , button . destructive-action . flat : backdrop , button . destructive-action . flat : disabled , button . destructive-action . 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 ; color : rgba ( 223 , 0 , 0 , 0.8 ) ; }
notebook > header > tabs > arrow . destructive-action : disabled , button . destructive-action : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
notebook > header > tabs > arrow . destructive-action : disabled : active , notebook > header > tabs > arrow . destructive-action : disabled : checked , button . destructive-action : disabled : active , button . destructive-action : disabled : checked { color : #552222 ; background-color : #c1c0c8 ; border-color : #8e7070 ; text-shadow : none ; - gtk-icon-shadow : none ; }
notebook > header > tabs . stack-switcher > arrow , . stack-switcher > button { outline-offset : -3 px ; }
notebook > header > tabs . stack-switcher > arrow > label , . stack-switcher > button > label { padding-left : 6 px ; padding-right : 6 px ; }
notebook > header > tabs . stack-switcher > arrow > image , . stack-switcher > button > image { padding-left : 6 px ; padding-right : 6 px ; padding-top : 3 px ; padding-bottom : 3 px ; }
notebook > header > tabs . stack-switcher > arrow . text-button , . stack-switcher > button . text-button { padding-left : 10 px ; padding-right : 10 px ; }
notebook > header > tabs . stack-switcher > arrow . image-button , . stack-switcher > button . image-button { padding-left : 2 px ; padding-right : 2 px ; }
notebook > header > tabs . stack-switcher > arrow . needs-attention : active > label , notebook > header > tabs . stack-switcher > arrow . needs-attention : active > image , notebook > header > tabs . stack-switcher > arrow . needs-attention : checked > label , notebook > header > tabs . 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 ; }
notebook > header > tabs > arrow . font > box > box > label , button . font > box > box > label { font-weight : bold ; }
. primary-toolbar notebook > header > tabs > arrow , . primary-toolbar button { - gtk-icon-shadow : none ; }
notebook > header > tabs > arrow . circular , button . circular { border-radius : 9999 px ; - gtk-outline-radius : 9999 px ; padding : 2 px ; /* circles instead of ellipses */ background-origin : padding-box , border-box ; background-clip : padding-box , border-box ; }
notebook > header > tabs > arrow . circular label , button . circular label { padding : 0 ; }
notebook > header > tabs > arrow . circular : not ( . flat ) : not ( . osd ) : not ( : checked ) : not ( : active ) : not ( : disabled ) : not ( : backdrop ) , button . circular : not ( . flat ) : not ( . osd ) : not ( : checked ) : not ( : active ) : not ( : disabled ) : not ( : backdrop ) { color : #1d1d1d ; background-color : #d3d3d3 ; border-color : #787878 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-03-01 11:31:26 +01:00
notebook > header > tabs > arrow . circular : hover : not ( . osd ) : not ( : checked ) : not ( : active ) : not ( : disabled ) : not ( : backdrop ) , button . circular : hover : not ( . osd ) : not ( : checked ) : not ( : active ) : not ( : disabled ) : not ( : backdrop ) { background-color : #e9e9e9 ; }
2023-01-25 20:52:12 +01:00
2023-02-09 11:54:15 +01:00
stacksidebar row . needs-attention > label , notebook > header > tabs . stack-switcher > arrow . needs-attention > label , notebook > header > tabs . 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 ( #e17800 ) , to ( transparent ) ) , - gtk-gradient ( radial , center center , 0 , center center , 0.5 , to ( rgba ( 255 , 255 , 255 , 0.769231 ) ) , to ( transparent ) ) ; background-size : 6 px 6 px , 6 px 6 px ; background-repeat : no-repeat ; background-position : right 3 px , right 4 px ; }
2023-01-25 20:52:12 +01:00
stacksidebar row . needs-attention > label : backdrop , notebook > header > tabs . stack-switcher > arrow . needs-attention > label : backdrop , notebook > header > tabs . 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 ; }
stacksidebar row . needs-attention > label : dir ( rtl ) , notebook > header > tabs . stack-switcher > arrow . needs-attention > label : dir ( rtl ) , notebook > header > tabs . 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 4 px ; }
. inline-toolbar toolbutton > button { color : #1d1d1d ; background-color : #d3d3d3 ; border-color : #787878 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-03-01 11:31:26 +01:00
. inline-toolbar toolbutton > button : hover { background-color : #e9e9e9 ; }
2023-01-25 20:52:12 +01:00
. inline-toolbar toolbutton > button : active , . inline-toolbar toolbutton > button : checked { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
. inline-toolbar toolbutton > button : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
. inline-toolbar toolbutton > button : disabled : active , . inline-toolbar toolbutton > button : disabled : checked { color : #552222 ; background-color : #c1c0c8 ; border-color : #8e7070 ; text-shadow : none ; - gtk-icon-shadow : none ; }
. inline-toolbar toolbutton > button : backdrop { background-image : none ; }
. linked : not ( . vertical ) > combobox > box > button . combo , filechooser . path-bar . linked > button , . linked : not ( . vertical ) > spinbutton : not ( . vertical ) , . linked : not ( . vertical ) > entry , . inline-toolbar notebook > header > tabs > arrow , . inline-toolbar button , notebook > header > tabs . linked > arrow , . linked > button , toolbar . inline-toolbar toolbutton > button . flat { border-right-style : none ; border-radius : 0 ; - gtk-outline-radius : 0 ; }
2023-03-03 11:46:18 +01: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 notebook > header > tabs > arrow : first-child , . inline-toolbar button : first-child , notebook > header > tabs . 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 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01: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 notebook > header > tabs > arrow : last-child , . inline-toolbar button : last-child , notebook > header > tabs . linked > arrow : last-child , . linked > button : last-child , toolbar . inline-toolbar toolbutton : last-child > button . flat { border-right-style : solid ; 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 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01: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 notebook > header > tabs > arrow : only-child , . inline-toolbar button : only-child , notebook > header > tabs . linked > arrow : only-child , . linked > button : only-child , toolbar . inline-toolbar toolbutton : only-child > button . flat { border-style : solid ; border-radius : 3 px ; - gtk-outline-radius : 3 px ; }
2023-01-25 20:52:12 +01:00
. linked . vertical > combobox > box > button . combo , . linked . vertical > spinbutton : not ( . vertical ) , . linked . vertical > entry , notebook > header > tabs . linked . vertical > arrow , . linked . vertical > button { border-style : solid solid none solid ; border-radius : 0 ; - gtk-outline-radius : 0 ; }
2023-03-03 11:46:18 +01:00
. linked . vertical > combobox : first-child > box > button . combo , . linked . vertical > spinbutton : first-child : not ( . vertical ) , . linked . vertical > entry : first-child , notebook > header > tabs . 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 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. linked . vertical > combobox : last-child > box > button . combo , . linked . vertical > spinbutton : last-child : not ( . vertical ) , . linked . vertical > entry : last-child , notebook > header > tabs . linked . vertical > arrow : last-child , . linked . vertical > button : last-child { border-bottom-style : solid ; 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 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. linked . vertical > combobox : only-child > box > button . combo , . linked . vertical > spinbutton : only-child : not ( . vertical ) , . linked . vertical > entry : only-child , notebook > header > tabs . linked . vertical > arrow : only-child , . linked . vertical > button : only-child { border-style : solid ; border-radius : 3 px ; - gtk-outline-radius : 3 px ; }
2023-01-25 20:52:12 +01: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 : backdrop , modelbutton . flat : backdrop : hover , . menuitem . button . flat : backdrop , . menuitem . button . flat : backdrop : hover , 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 ; }
/* menu buttons */
2023-03-03 11:46:18 +01: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 ; }
2023-01-25 20:52:12 +01:00
modelbutton . flat : hover , . menuitem . button . flat : hover { background-color : #d6d6d6 ; }
modelbutton . flat arrow { background : none ; }
modelbutton . flat arrow : hover { background : none ; }
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 { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.769231 ) ; }
button . color colorswatch : only-child , button . color colorswatch : only-child overlay { border-radius : 0 ; }
. osd button . color colorswatch : only-child { box-shadow : none ; }
. osd button . color : disabled colorswatch : only-child , . osd button . color : backdrop colorswatch : only-child , . osd button . color : active colorswatch : only-child , . osd button . color : checked colorswatch : only-child , button . color : disabled colorswatch : only-child , button . color : backdrop colorswatch : only-child , button . color : active colorswatch : only-child , button . color : checked colorswatch : only-child { box-shadow : none ; }
/* list buttons */
/* tone down as per new designs, see issue #1473, #1748 */
2023-03-03 11:46:18 +01:00
list row button . image-button : not ( . flat ) { border : 1 px solid rgba ( 125 , 125 , 125 , 0.5 ) ; }
2023-01-25 20:52:12 +01:00
2023-03-01 11:31:26 +01:00
list row button . image-button : not ( . flat ) : hover { background-color : #e9e9e9 ; }
2023-01-25 20:52:12 +01:00
list row button . image-button : not ( . flat ) : active , list row button . image-button : not ( . flat ) : checked { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
/********* Links * */
button : link > label , button : visited > label , button : link , button : visited , * : link { color : #004B91 ; }
button : link > label : visited , button : visited > label : visited , button : visited , * : link : visited { color : #680091 ; }
* : selected button : link > label : visited , * : selected button : visited > label : visited , * : selected button : visited , * : selected * : link : visited { color : #2a003a ; }
button : link > label : hover , button : visited > label : hover , button : hover : link , button : hover : visited , * : link : hover { color : #0065c4 ; }
* : selected button : link > label : hover , * : selected button : visited > label : hover , * : selected button : hover : link , * : selected button : hover : visited , * : selected * : link : hover { color : #000a14 ; }
button : link > label : active , button : visited > label : active , button : active : link , button : active : visited , * : link : active { color : #004B91 ; }
* : selected button : link > label : active , * : selected button : visited > label : active , * : selected button : active : link , * : selected button : active : visited , * : selected * : link : active { color : #000f1d ; }
button : link > label : disabled , button : visited > label : disabled , button : disabled : link , button : disabled : visited , * : link : disabled , * : link : disabled : backdrop { color : rgba ( 73 , 73 , 73 , 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 ( 0 , 75 , 145 , 0.9 ) ; }
. 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 : #000f1d ; }
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 : #504300 ; border-style : none none none solid ; border-color : rgba ( 80 , 67 , 0 , 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 : #504300 ; border-color : rgba ( 80 , 67 , 0 , 0.5 ) ; background-color : rgba ( 80 , 67 , 0 , 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 : #504300 ; border-color : rgba ( 80 , 67 , 0 , 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 : #a8a152 ; border-color : rgba ( 80 , 67 , 0 , 0.5 ) ; - gtk-icon-shadow : none ; box-shadow : none ; }
2023-03-03 11:46:18 +01:00
. osd spinbutton : not ( . vertical ) button : dir ( ltr ) : last-child { border-radius : 0 3 px 3 px 0 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. osd spinbutton : not ( . vertical ) button : dir ( rtl ) : first-child { border-radius : 3 px 0 0 3 px ; }
2023-01-25 20:52:12 +01:00
spinbutton . vertical : disabled { color : #552222 ; }
spinbutton . vertical : backdrop : disabled { color : #a3a3a3 ; }
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 ; }
2023-03-03 11:46:18 +01:00
spinbutton . vertical button . up { border-radius : 3 px 3 px 0 0 ; border-style : solid solid none solid ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
spinbutton . vertical button . down { border-radius : 0 0 3 px 3 px ; border-style : none solid solid solid ; }
2023-01-25 20:52:12 +01: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 : #c9c9c9 ; }
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 ( 255 , 255 , 164 , 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 ; }
2023-03-03 11:46:18 +01:00
. inline-toolbar , searchbar > revealer > box , . location-bar { border-style : solid ; border-color : #7d7d7d ; background-color : #b2b2b2 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. inline-toolbar : backdrop , searchbar > revealer > box : backdrop , . location-bar : backdrop { border-color : #8c8c8c ; background-color : #b4b4b4 ; box-shadow : none ; transition : 200 ms ease-out ; }
2023-01-25 20:52:12 +01:00
/*************** Header bars * */
2023-03-03 11:46:18 +01:00
. titlebar : not ( headerbar ) , headerbar { padding : 0 6 px ; min-height : 40 px ; border-width : 0 0 1 px ; border-style : solid ; border-color : #4a4a4a ; border-radius : 0 ; color : #000000 ; background : #9dccff linear-gradient ( to top , #93c7ff , #a2cfff ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.8 ) ; /* Darken switchbuttons for headerbars. issue #1588 */ }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. titlebar : backdrop : not ( headerbar ) , headerbar : backdrop { border-color : #8c8c8c ; background : #c9c9c9 linear-gradient ( to top , #c4c4c4 , #cccccc ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.8 ) ; color : #1d1d1d ; transition : 200 ms ease-out ; }
2023-01-25 20:52:12 +01: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-12-22 17:14:08 +01:00
. selection-mode . titlebar : not ( headerbar ) , . selection-mode . titlebar : not ( headerbar ) , . selection-mode headerbar , headerbar . selection-mode { color : #000000 ; border-color : #0b743f ; text-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.5 ) ; background : #13d272 linear-gradient ( to top , #12c96d , #13d775 ) ; box-shadow : inset 0 1 px rgba ( 113 , 228 , 170 , 0.9 ) ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
. selection-mode . titlebar : backdrop : not ( headerbar ) , . selection-mode . titlebar : backdrop : not ( headerbar ) , . selection-mode headerbar : backdrop , headerbar . selection-mode : backdrop { background-color : #13d272 ; background-image : none ; box-shadow : inset 0 1 px rgba ( 137 , 233 , 185 , 0.88 ) ; }
2023-01-25 20:52:12 +01: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 : #000000 ; }
2023-12-22 17:14:08 +01:00
. selection-mode . titlebar : not ( headerbar ) button , . selection-mode . titlebar : not ( headerbar ) button , . selection-mode headerbar button , headerbar . selection-mode button { color : #000000 ; background-color : #13d272 ; border-color : #0a6939 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.35 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-01-25 20:52:12 +01: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-12-22 17:14:08 +01: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 { background-color : #42db8e ; }
2023-01-25 20:52:12 +01:00
2023-02-09 11:54:15 +01: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 1 px rgba ( 255 , 255 , 255 , 0.35 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01: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 : #0b743f ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
. 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 : #0b743f ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
. 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 : #0b743f ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
. 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 : #0b743f ; }
2023-01-25 20:52:12 +01:00
. 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 ; }
. 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 : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
. 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 : #552222 ; background-color : #c1c0c8 ; border-color : #8e7070 ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-12-22 17:14:08 +01: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 : #1d1d1d ; background-color : #d3d3d3 ; border-color : #787878 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; border-color : #0b743f ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01: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 { background-color : #e9e9e9 ; border-color : #0b743f ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01: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 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; border-color : #0b743f ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01: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 : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; border-color : #0b743f ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01: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 : #0b743f ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
. 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 : #0b743f ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
. 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 ( 19 , 210 , 114 , 0 ) ; background-color : rgba ( 19 , 210 , 114 , 0 ) ; background-image : none ; box-shadow : none ; min-height : 20 px ; padding : 4 px 10 px ; }
2023-01-25 20:52:12 +01: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 { - GtkArrow-arrow-scaling : 1 ; }
. 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 ( 0 , 0 , 0 , 0.5 ) ; - gtk-icon-shadow : none ; }
. 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 ; }
2023-03-03 11:46:18 +01:00
. background . titlebar : backdrop , . background . titlebar { border-top-left-radius : 6 px ; border-top-right-radius : 6 px ; }
2023-01-25 20:52:12 +01:00
. 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 ; }
2023-03-03 11:46:18 +01:00
. titlebar : not ( headerbar ) separator { background-color : #7d7d7d ; }
2023-01-25 20:52:12 +01:00
window . devel headerbar . titlebar : not ( . selection-mode ) { background : #c9c9c9 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 ( 157 , 204 , 255 , 0.2 ) ) , linear-gradient ( to top , #a8a8a8 , #b0b0b0 3 px , #bfbfbf ) ; }
window . devel headerbar . titlebar : not ( . selection-mode ) : backdrop { background : #c9c9c9 cross-fade ( 10 % - gtk-icontheme ( "system-run-symbolic" ) , image ( transparent ) ) 90 % 0 / 256 px 256 px no-repeat , image ( #c9c9c9 ) ; /* 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 : #818181 ; border-top-color : #c9c9c9 ; }
* { - 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 ; }
treeview . view : selected : backdrop , treeview . view : selected { border-left-color : #4f6680 ; border-top-color : rgba ( 29 , 29 , 29 , 0.1 ) ; }
treeview . view : disabled { color : #552222 ; }
treeview . view : disabled : selected { color : #5e7a99 ; }
treeview . view : disabled : selected : backdrop { color : #7899bd ; }
treeview . view : disabled : backdrop { color : #a3a3a3 ; }
treeview . view . separator { min-height : 2 px ; color : #c9c9c9 ; }
treeview . view . separator : backdrop { color : rgba ( 201 , 201 , 201 , 0.1 ) ; }
treeview . view : backdrop { border-left-color : #9e9e9e ; border-top : #c9c9c9 ; }
treeview . view : drop ( active ) { border-style : solid none ; border-width : 1 px ; border-color : #51a4ff ; }
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 : #595959 ; }
treeview . view . expander : dir ( rtl ) { - gtk-icon-source : - gtk-icontheme ( "pan-end-symbolic-rtl" ) ; }
treeview . view . expander : hover { color : #1d1d1d ; }
treeview . view . expander : selected { color : #2f3d4d ; }
treeview . view . expander : selected : hover { color : #000000 ; }
treeview . view . expander : selected : backdrop { color : #475564 ; }
treeview . view . expander : checked { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
treeview . view . expander : backdrop { color : #949494 ; }
2023-02-09 11:54:15 +01:00
treeview . view . progressbar { color : #e5e5e5 ; background-color : #3ec400 ; background-image : image ( #3ec400 ) ; box-shadow : none ; }
2023-01-25 20:52:12 +01:00
treeview . view . progressbar : selected : focus , treeview . view . progressbar : selected { color : #9dccff ; background-image : image ( #e5e5e5 ) ; }
treeview . view . progressbar : selected : focus : backdrop , treeview . view . progressbar : selected : backdrop { color : #9dccff ; background-color : #e2e2e2 ; }
treeview . view . progressbar : backdrop { color : #e2e2e2 ; background-image : none ; box-shadow : none ; }
treeview . view . trough { background-color : rgba ( 29 , 29 , 29 , 0.1 ) ; }
treeview . view . trough : selected : focus , treeview . view . trough : selected { background-color : rgba ( 0 , 0 , 0 , 0.3 ) ; }
treeview . view header button { color : #818181 ; background-color : #e5e5e5 ; font-weight : bold ; text-shadow : none ; box-shadow : none ; }
treeview . view header button : hover { color : #4f4f4f ; box-shadow : none ; transition : none ; }
treeview . view header button : active { color : #1d1d1d ; transition : none ; }
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 : #e5e5e5 ; background-image : none ; background-color : #9dccff ; border-style : none ; border-radius : 0 ; box-shadow : inset 0 0 0 1 px #e5e5e5 ; text-shadow : none ; transition : none ; }
treeview . view acceleditor > label { background-color : #9dccff ; }
2023-03-03 11:46:18 +01:00
treeview . view header button , treeview . view header button : hover , treeview . view header button : active { padding : 0 6 px ; background-image : none ; border-style : none solid solid none ; border-color : #919191 ; border-radius : 0 ; text-shadow : none ; }
2023-01-25 20:52:12 +01:00
treeview . view header button : disabled { border-color : #c9c9c9 ; background-image : none ; background-color : #c7bebe ; color : #552222 ; }
treeview . view header button : backdrop { border-color : #c9c9c9 ; border-style : none solid solid none ; background-image : none ; background-color : #e2e2e2 ; }
treeview . view header button : backdrop : disabled { border-color : #c9c9c9 ; background-image : none ; background-color : #c7bebe ; color : #552222 ; }
treeview . view header button : last-child { border-right-style : none ; }
/********* Menus * */
menubar , . menubar { - GtkWidget-window-dragging : true ; padding : 0 px ; box-shadow : inset 0 -1 px rgba ( 0 , 0 , 0 , 0.1 ) ; }
menubar : backdrop , . menubar : backdrop { background-color : #c9c9c9 ; }
menubar > menuitem , . menubar > menuitem { min-height : 16 px ; padding : 4 px 8 px ; }
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 ; }
menubar > menuitem : hover , . menubar > menuitem : hover { box-shadow : inset 0 -3 px #9dccff ; color : #004B91 ; }
menubar > menuitem : disabled , . menubar > menuitem : disabled { color : #552222 ; box-shadow : none ; }
menubar . csd . popup decoration , . menubar . csd . popup decoration { border-radius : 0 ; }
. background . popup { background-color : transparent ; }
2023-03-03 11:46:18 +01:00
menu , . menu , . context-menu { margin : 4 px ; padding : 4 px 0 px ; background-color : #e5e5e5 ; border : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
. csd menu , . csd . menu , . csd . context-menu { border : none ; border-radius : 5 px ; }
menu : backdrop , . menu : backdrop , . context-menu : backdrop { background-color : #e2e2e2 ; }
menu menuitem , . menu menuitem , . context-menu menuitem { min-height : 16 px ; min-width : 40 px ; padding : 4 px 6 px ; text-shadow : none ; }
menu menuitem : hover , . menu menuitem : hover , . context-menu menuitem : hover { color : #000000 ; background-color : #9dccff ; }
menu menuitem : disabled , . menu menuitem : disabled , . context-menu menuitem : disabled { color : #552222 ; }
menu menuitem : disabled : backdrop , . menu menuitem : disabled : backdrop , . context-menu menuitem : disabled : backdrop { color : #a3a3a3 ; }
menu menuitem : backdrop , menu menuitem : backdrop : hover , . menu menuitem : backdrop , . menu menuitem : backdrop : hover , . context-menu menuitem : backdrop , . context-menu menuitem : backdrop : hover { color : #737373 ; background-color : transparent ; }
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 ; }
menu > arrow , . menu > arrow , . context-menu > arrow { 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 ; min-height : 16 px ; min-width : 16 px ; padding : 4 px ; background-color : #e5e5e5 ; border-radius : 0 ; }
menu > arrow . top , . menu > arrow . top , . context-menu > arrow . top { margin-top : -4 px ; border-bottom : 1 px solid #d1d1d1 ; 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 #d1d1d1 ; border-bottom-right-radius : 5 px ; border-bottom-left-radius : 5 px ; - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
menu > arrow : hover , . menu > arrow : hover , . context-menu > arrow : hover { background-color : #d1d1d1 ; }
menu > arrow : backdrop , . menu > arrow : backdrop , . context-menu > arrow : backdrop { background-color : #e2e2e2 ; }
menu > arrow : disabled , . menu > arrow : disabled , . context-menu > arrow : disabled { color : transparent ; background-color : transparent ; border-color : transparent ; }
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 : #c9c9c9 ; box-shadow : 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.3 ) ; }
2023-03-03 11:46:18 +01:00
. csd popover . background , popover . background { border : 1 px solid #7d7d7d ; border-radius : 7 px ; }
2023-01-25 20:52:12 +01:00
. csd popover . background { background-clip : padding-box ; border-color : rgba ( 0 , 0 , 0 , 0.23 ) ; }
popover . background : backdrop { background-color : #c9c9c9 ; box-shadow : none ; }
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-03-03 11:46:18 +01:00
notebook > header { padding : 1 px ; border-color : #7d7d7d ; border-width : 1 px ; background-color : #a3a3a3 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
notebook > header : backdrop { border-color : #8c8c8c ; background-color : #b4b4b4 ; }
2023-01-25 20:52:12 +01:00
notebook > header tabs { margin : -1 px ; }
notebook > header . top { border-bottom-style : solid ; }
notebook > header . top > tabs { margin-bottom : -2 px ; }
2023-03-03 11:46:18 +01:00
notebook > header . top > tabs > tab { border-top-left-radius : 3 px ; border-top-right-radius : 3 px ; border-bottom : none ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.3 ) , rgba ( 255 , 255 , 255 , 0.3 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 70 % , rgba ( 0 , 0 , 0 , 0 ) 70 % , rgba ( 0 , 0 , 0 , 0.1 ) ) ; box-shadow : inset 0 1 px 0 0 rgba ( 255 , 255 , 255 , 0.8 ) , inset 1 px 0 0 0 rgba ( 255 , 255 , 255 , 0.8 ) , inset -1 px 0 0 0 rgba ( 255 , 255 , 255 , 0.8 ) ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
notebook > header . top > tabs > tab : hover { border-bottom-color : #7d7d7d ; }
2023-01-25 20:52:12 +01:00
notebook > header . top > tabs > tab : backdrop { box-shadow : none ; }
2023-03-03 11:46:18 +01:00
notebook > header . top > tabs > tab : checked { border-color : #7d7d7d ; border-bottom-color : transparent ; }
2023-01-25 20:52:12 +01:00
notebook > header . bottom { border-top-style : solid ; }
notebook > header . bottom > tabs { margin-top : -2 px ; }
2023-03-03 11:46:18 +01:00
notebook > header . bottom > tabs > tab { box-shadow : inset 0 -1 px 0 0 rgba ( 255 , 255 , 255 , 0.8 ) , inset 1 px 0 0 0 rgba ( 255 , 255 , 255 , 0.8 ) , inset -1 px 0 0 0 rgba ( 255 , 255 , 255 , 0.8 ) ; border-bottom-left-radius : 3 px ; border-bottom-right-radius : 3 px ; border-top : none ; background-image : linear-gradient ( to top , rgba ( 255 , 255 , 255 , 0.3 ) , rgba ( 255 , 255 , 255 , 0.3 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 70 % , rgba ( 0 , 0 , 0 , 0 ) 70 % , rgba ( 0 , 0 , 0 , 0.1 ) ) ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
notebook > header . bottom > tabs > tab : hover { border-top-color : #7d7d7d ; }
2023-01-25 20:52:12 +01:00
notebook > header . bottom > tabs > tab : backdrop { box-shadow : none ; }
2023-03-03 11:46:18 +01:00
notebook > header . bottom > tabs > tab : checked { border-color : #7d7d7d ; border-top-color : transparent ; }
2023-01-25 20:52:12 +01:00
notebook > header . left { border-right-style : solid ; }
notebook > header . left > tabs { margin-right : -2 px ; }
2023-03-03 11:46:18 +01:00
notebook > header . left > tabs > tab { box-shadow : inset 1 px 0 0 0 rgba ( 255 , 255 , 255 , 0.8 ) , inset 0 1 px 0 0 rgba ( 255 , 255 , 255 , 0.8 ) , inset 0 -1 px 0 0 rgba ( 255 , 255 , 255 , 0.8 ) ; border-top-left-radius : 3 px ; border-bottom-left-radius : 3 px ; border-right : none ; background-image : linear-gradient ( to right , rgba ( 255 , 255 , 255 , 0.3 ) , rgba ( 255 , 255 , 255 , 0.3 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 70 % , rgba ( 0 , 0 , 0 , 0 ) 70 % , rgba ( 0 , 0 , 0 , 0.1 ) ) ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
notebook > header . left > tabs > tab : hover { border-right-color : #7d7d7d ; }
2023-01-25 20:52:12 +01:00
notebook > header . left > tabs > tab : backdrop { box-shadow : none ; }
2023-03-03 11:46:18 +01:00
notebook > header . left > tabs > tab : checked { border-color : #7d7d7d ; border-right-color : transparent ; }
2023-01-25 20:52:12 +01:00
notebook > header . right { border-left-style : solid ; }
notebook > header . right > tabs { margin-left : -2 px ; }
2023-03-03 11:46:18 +01:00
notebook > header . right > tabs > tab { box-shadow : inset -1 px 0 0 0 rgba ( 255 , 255 , 255 , 0.8 ) , inset 0 1 px 0 0 rgba ( 255 , 255 , 255 , 0.8 ) , inset 0 -1 px 0 0 rgba ( 255 , 255 , 255 , 0.8 ) ; border-top-right-radius : 3 px ; border-bottom-right-radius : 3 px ; border-left : none ; background-image : linear-gradient ( to left , rgba ( 255 , 255 , 255 , 0.3 ) , rgba ( 255 , 255 , 255 , 0.3 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 70 % , rgba ( 0 , 0 , 0 , 0 ) 70 % , rgba ( 0 , 0 , 0 , 0.1 ) ) ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
notebook > header . right > tabs > tab : hover { border-left-color : #7d7d7d ; }
2023-01-25 20:52:12 +01:00
notebook > header . right > tabs > tab : backdrop { box-shadow : none ; }
2023-03-03 11:46:18 +01:00
notebook > header . right > tabs > tab : checked { border-color : #7d7d7d ; border-left-color : transparent ; }
2023-01-25 20:52:12 +01:00
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-03-01 11:31:26 +01:00
notebook > header > tabs > arrow : hover : not ( : active ) : not ( : backdrop ) { background-color : #e9e9e9 ; }
2023-01-25 20:52:12 +01:00
notebook > header > tabs > arrow : active { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
notebook > header > tabs > arrow : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
2023-03-03 11:46:18 +01:00
notebook > header tabs > tab { border : 1 px solid #7d7d7d ; min-height : 20 px ; min-width : 20 px ; padding : 3 px 12 px ; outline-offset : -5 px ; color : #1d1d1d ; background-color : #a3a3a3 ; font-weight : normal ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
notebook > header tabs > tab : hover { color : #000000 ; background-color : #a0b8d1 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
notebook > header tabs > tab : hover . reorderable-page { background-color : rgba ( 160 , 184 , 209 , 0.7 ) ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
notebook > header tabs > tab : checked { color : #1d1d1d ; background-color : #e5e5e5 ; background-image : none ; }
2023-01-25 20:52:12 +01:00
notebook > header tabs > tab : backdrop : checked { color : #737373 ; background-color : #e2e2e2 ; }
notebook > header tabs > tab button . flat { 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 ; }
notebook > header . top tabs , notebook > header . bottom tabs { padding-left : 4 px ; padding-right : 4 px ; }
notebook > header . top tabs : not ( : only-child ) , notebook > header . bottom tabs : not ( : only-child ) { margin-left : 3 px ; margin-right : 3 px ; }
notebook > header . top tabs : not ( : only-child ) : first-child , notebook > header . bottom tabs : not ( : only-child ) : first-child { margin-left : -1 px ; }
notebook > header . top tabs : not ( : only-child ) : last-child , notebook > header . bottom tabs : not ( : only-child ) : last-child { margin-right : -1 px ; }
2023-03-03 11:46:18 +01:00
notebook > header . top tabs tab , notebook > header . bottom tabs tab { margin-left : 0 px ; margin-right : 0 px ; }
2023-01-25 20:52:12 +01:00
notebook > header . top tabs tab . reorderable-page , notebook > header . bottom tabs tab . reorderable-page { border-style : none solid ; }
notebook > header . left tabs , notebook > header . right tabs { padding-top : 4 px ; padding-bottom : 4 px ; }
notebook > header . left tabs : not ( : only-child ) , notebook > header . right tabs : not ( : only-child ) { margin-top : 3 px ; margin-bottom : 3 px ; }
notebook > header . left tabs : not ( : only-child ) : first-child , notebook > header . right tabs : not ( : only-child ) : first-child { margin-top : -1 px ; }
notebook > header . left tabs : not ( : only-child ) : last-child , notebook > header . right tabs : not ( : only-child ) : last-child { margin-bottom : -1 px ; }
2023-03-03 11:46:18 +01:00
notebook > header . left tabs tab , notebook > header . right tabs tab { margin-top : 0 px ; margin-bottom : 0 px ; }
2023-01-25 20:52:12 +01:00
notebook > header . left tabs tab . reorderable-page , notebook > header . right tabs tab . reorderable-page { border-style : solid none ; }
notebook > header . top tab { padding-bottom : 4 px ; }
notebook > header . bottom tab { padding-top : 4 px ; }
notebook > stack : not ( : only-child ) { background-color : #e5e5e5 ; }
notebook > stack : not ( : only-child ) : backdrop { background-color : #e2e2e2 ; }
/************** Scrollbars * */
scrollbar { background-color : #a7a7a7 ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
2023-02-10 12:47:24 +01:00
* { - GtkScrollbar-has-backward-stepper : true ; - GtkScrollbar-has-forward-stepper : true ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
scrollbar . top { border-bottom : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
scrollbar . bottom { border-top : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
scrollbar . left { border-right : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
scrollbar . right { border-left : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
scrollbar : backdrop { background-color : #c1c1c1 ; border-color : #8c8c8c ; transition : 200 ms ease-out ; }
2023-01-25 20:52:12 +01:00
2023-02-10 12:47:24 +01:00
scrollbar slider { padding : 0 ; min-width : 13 px ; min-height : 13 px ; margin : 0 px ; border-radius : 0 px ; background-clip : padding-box ; background-color : #d3d3d3 ; transition : all 300 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
scrollbar slider : hover { background-color : #b8d0e9 ; }
2023-01-25 20:52:12 +01:00
scrollbar slider : hover : active { background-color : #6ab1ff ; }
scrollbar slider : backdrop { background-color : #a7a7a7 ; }
scrollbar slider : disabled { background-color : transparent ; }
scrollbar . fine-tune slider , scrollbar . fine-tune slider : hover , scrollbar . fine-tune slider : active { background-color : #ffffa4 ; }
2023-02-10 12:47:24 +01:00
scrollbar . horizontal slider { min-width : 40 px ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; }
2023-01-25 20:52:12 +01:00
2023-02-10 12:47:24 +01:00
scrollbar . vertical slider { min-height : 40 px ; background-image : linear-gradient ( to right , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; }
2023-01-25 20:52:12 +01:00
2023-02-10 12:47:24 +01:00
scrollbar button { padding : 0 ; min-width : 12 px ; min-height : 12 px ; border-radius : 0 ; transition-property : min-height , min-width , color ; }
2023-01-25 20:52:12 +01:00
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" ) ; }
2023-03-03 11:46:18 +01:00
treeview ~ scrollbar . vertical { border-top : 1 px solid #7d7d7d ; margin-top : -1 px ; }
2023-01-25 20:52:12 +01:00
/********** Switch * */
2023-03-03 11:46:18 +01:00
switch { outline-offset : -4 px ; border : 1 px solid #7d7d7d ; border-radius : 14 px ; color : #1d1d1d ; background-color : #a3a3a3 ; text-shadow : 0 1 px rgba ( 0 , 0 , 0 , 0.1 ) ; box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.5 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; /* only show i / o for the accessible theme */ }
2023-01-25 20:52:12 +01:00
switch : checked { color : #000000 ; border-color : #737373 ; background-color : #9dccff ; text-shadow : 0 1 px rgba ( 81 , 164 , 255 , 0.5 ) , 0 0 2 px rgba ( 255 , 255 , 255 , 0.6 ) ; }
2023-03-03 11:46:18 +01:00
switch : disabled { color : #552222 ; border-color : #7d7d7d ; background-color : #c7bebe ; text-shadow : none ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
switch : backdrop { color : #737373 ; border-color : #8c8c8c ; background-color : #b4b4b4 ; text-shadow : none ; transition : 200 ms ease-out ; }
2023-01-25 20:52:12 +01:00
switch : backdrop : checked { color : #c9c9c9 ; border-color : #000000 ; background-color : #9dccff ; }
2023-03-03 11:46:18 +01:00
switch : backdrop : disabled { color : #a3a3a3 ; border-color : #8c8c8c ; background-color : #c7bebe ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
switch slider { margin : -1 px ; min-width : 24 px ; min-height : 24 px ; border : 1 px solid ; border-radius : 50 % ; transition : none ; - gtk-outline-radius : 20 px ; color : #1d1d1d ; background-color : #d3d3d3 ; border-color : #787878 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px rgba ( 0 , 0 , 0 , 0.1 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-01-25 20:52:12 +01:00
switch image { color : transparent ; }
2023-03-01 11:31:26 +01:00
switch : hover slider { background-color : #e9e9e9 ; }
2023-01-25 20:52:12 +01:00
switch : checked > slider { border : 1 px solid #000000 ; }
switch : disabled slider { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
switch : backdrop slider { transition : 200 ms ease-out ; background-image : none ; }
switch : backdrop : checked > slider { border-color : #000000 ; }
row : selected switch { box-shadow : none ; border-color : #000000 ; }
row : selected switch : backdrop { border-color : #000000 ; }
row : selected switch > slider : checked , row : selected switch > slider { border-color : #000000 ; }
/************************* Check and Radio items * */
. 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 : #9dccff ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
. 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 : #9dccff ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
. 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 : #9dccff ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
. 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 : #cecece ; border-radius : 5 px ; background-image : none ; transition : 200 ms ; box-shadow : none ; border-width : 0 ; - gtk-icon-source : none ; - gtk-icon-shadow : none ; }
. 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 : #504300 ; background-color : #9dccff ; 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 ; }
. 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 : #504300 ; background-color : #9dccff ; 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 ; }
. 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 : #504300 ; background-color : #9dccff ; 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 ; }
. 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 ( 80 , 67 , 0 , 0.8 ) ; background-color : #cecece ; 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 ; }
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 ; }
check , radio { background-clip : padding-box ; background-image : linear-gradient ( to bottom , #e0e0e0 20 % , #d3d3d3 90 % ) ; border-color : #000000 ; box-shadow : 0 1 px rgba ( 0 , 0 , 0 , 0.05 ) ; color : #000000 ; }
check : hover , radio : hover { background-image : linear-gradient ( to bottom , #eaeaea 10 % , #dddddd 90 % ) ; }
check : active , radio : active { box-shadow : inset 0 1 px rgba ( 0 , 0 , 0 , 0.2 ) ; background-image : image ( #c6c6c6 ) ; }
check : disabled , radio : disabled { box-shadow : none ; color : #552222 ; background-image : image ( #c7bebe ) ; }
check : backdrop , radio : backdrop { background-image : image ( #d3d3d3 ) ; box-shadow : none ; color : #000000 ; }
check : backdrop : disabled , radio : backdrop : disabled { box-shadow : none ; color : #552222 ; background-image : image ( #c7bebe ) ; }
check : checked , radio : checked { background-clip : border-box ; background-image : linear-gradient ( to bottom , #b7d9ff 20 % , #9dccff 90 % ) ; border-color : #000000 ; box-shadow : 0 1 px rgba ( 0 , 0 , 0 , 0.05 ) ; color : #000000 ; }
check : checked : hover , radio : checked : hover { background-image : linear-gradient ( to bottom , #cbe4ff 10 % , #b1d7ff 90 % ) ; }
check : checked : active , radio : checked : active { box-shadow : inset 0 1 px rgba ( 0 , 0 , 0 , 0.2 ) ; background-image : image ( #84bfff ) ; }
check : checked : disabled , radio : checked : disabled { box-shadow : none ; color : #552222 ; background-image : image ( #c7bebe ) ; }
check : checked : backdrop , radio : checked : backdrop { background-image : image ( #9dccff ) ; box-shadow : none ; color : #000000 ; }
check : checked : backdrop : disabled , radio : checked : backdrop : disabled { box-shadow : none ; color : #552222 ; background-image : image ( #c7bebe ) ; }
check : indeterminate , radio : indeterminate { background-clip : border-box ; background-image : linear-gradient ( to bottom , #b7d9ff 20 % , #9dccff 90 % ) ; border-color : #000000 ; box-shadow : 0 1 px rgba ( 0 , 0 , 0 , 0.05 ) ; color : #000000 ; }
check : indeterminate : hover , radio : indeterminate : hover { background-image : linear-gradient ( to bottom , #cbe4ff 10 % , #b1d7ff 90 % ) ; }
check : indeterminate : active , radio : indeterminate : active { box-shadow : inset 0 1 px rgba ( 0 , 0 , 0 , 0.2 ) ; background-image : image ( #84bfff ) ; }
check : indeterminate : disabled , radio : indeterminate : disabled { box-shadow : none ; color : #552222 ; background-image : image ( #c7bebe ) ; }
check : indeterminate : backdrop , radio : indeterminate : backdrop { background-image : image ( #9dccff ) ; box-shadow : none ; color : #000000 ; }
check : indeterminate : backdrop : disabled , radio : indeterminate : backdrop : disabled { box-shadow : none ; color : #552222 ; background-image : image ( #c7bebe ) ; }
check : backdrop , radio : backdrop { transition : 200 ms ease-out ; }
check : disabled , radio : disabled { color : #552222 ; border-color : #552222 ; }
row : selected check , row : selected radio { border-color : #000000 ; }
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 ; }
treeview . view check : selected : focus , treeview . view check : selected , treeview . view radio : selected : focus , treeview . view radio : selected { color : #000000 ; border-color : #51a4ff ; }
/************ GtkScale * */
2023-03-03 11:46:18 +01:00
progressbar trough , scale fill , scale trough { border : 1 px solid #7d7d7d ; border-radius : 3 px ; background-color : #a3a3a3 ; }
2023-01-25 20:52:12 +01:00
progressbar trough : disabled , scale fill : disabled , scale trough : disabled { background-color : #c7bebe ; }
2023-03-03 11:46:18 +01:00
progressbar trough : backdrop , scale fill : backdrop , scale trough : backdrop { background-color : #b4b4b4 ; border-color : #8c8c8c ; transition : 200 ms ease-out ; }
2023-01-25 20:52:12 +01:00
progressbar trough : backdrop : disabled , scale fill : backdrop : disabled , scale trough : backdrop : disabled { background-color : #c7bebe ; }
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 : #51a4ff ; }
. osd progressbar trough , progressbar . osd trough , . osd scale fill , scale . osd fill , . osd scale trough , scale . osd trough { border-color : #504300 ; background-color : rgba ( 80 , 67 , 0 , 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 ( 238 , 236 , 148 , 0.5 ) ; }
2023-02-09 11:54:15 +01:00
progressbar progress , scale highlight { border : 1 px solid #1e5e00 ; border-radius : 3 px ; background-color : #3ec400 ; }
2023-01-25 20:52:12 +01:00
progressbar progress : disabled , scale highlight : disabled { background-color : #b09f9f ; border-color : transparent ; }
2023-02-09 11:54:15 +01:00
progressbar progress : backdrop , scale highlight : backdrop { border-color : #3ec400 ; }
2023-01-25 20:52:12 +01:00
progressbar progress : backdrop : disabled , scale highlight : backdrop : disabled { background-color : transparent ; border-color : transparent ; }
row : selected progressbar progress , progressbar row : selected progress , row : selected scale highlight , scale row : selected highlight { border-color : #51a4ff ; }
. osd progressbar progress , progressbar . osd progress , . osd scale highlight , scale . osd highlight { border-color : #504300 ; }
. 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 : #ffffa4 ; }
scale trough { outline-offset : 2 px ; - gtk-outline-radius : 5 px ; }
2023-03-03 11:46:18 +01:00
scale fill : backdrop , scale fill { background-color : #7d7d7d ; }
2023-01-25 20:52:12 +01:00
scale fill : disabled : backdrop , scale fill : disabled { border-color : transparent ; background-color : transparent ; }
. osd scale fill { background-color : #504300 ; }
. osd scale fill : disabled : backdrop , . osd scale fill : disabled { border-color : transparent ; background-color : transparent ; }
2023-03-03 11:46:18 +01:00
scale slider { min-height : 18 px ; min-width : 18 px ; margin : -9 px ; color : #1d1d1d ; background-color : #d3d3d3 ; border-color : #787878 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; border-width : 1 px ; border-style : solid ; border-radius : 100 % ; transition : none ; transition-property : background , border , box-shadow ; }
2023-01-25 20:52:12 +01:00
2023-03-01 11:31:26 +01:00
scale slider : hover { background-color : #e9e9e9 ; }
2023-01-25 20:52:12 +01:00
scale slider : active { border-color : #9dccff ; }
scale slider : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
scale slider : backdrop { transition : 200 ms ease-out ; background-image : none ; }
row : selected scale slider : disabled , row : selected scale slider { border-color : #51a4ff ; }
. osd scale slider { border-color : #413600 ; background-color : #ffffa4 ; }
. osd scale slider : hover { background-color : #ffffa4 ; }
. osd scale slider : active { background-color : #ffffa4 ; }
. osd scale slider : disabled { background-color : #ffffa4 ; }
. osd scale slider : backdrop { background-color : #ffffa4 ; }
. osd scale slider : backdrop : disabled { background-color : #ffffa4 ; }
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 ; }
scale . horizontal . marks-before slider { border-radius : 100 % 100 % 5 px 5 px ; min-width : 10 px ; padding : 0 ; margin-right : 5 px ; margin-left : 5 px ; }
scale . vertical indicator { min-height : 1 px ; min-width : 6 px ; }
scale . vertical . marks-after slider { border-radius : 5 px 100 % 100 % 5 px ; min-height : 10 px ; padding : 0 ; margin-top : 5 px ; margin-bottom : 5 px ; }
scale . vertical . marks-before slider { border-radius : 100 % 5 px 5 px 100 % ; min-height : 10 px ; padding : 0 ; margin-top : 5 px ; margin-bottom : 5 px ; }
scale . color { min-height : 0 ; min-width : 0 ; }
2023-03-03 11:46:18 +01:00
scale . color trough { background-image : image ( #7d7d7d ) ; background-repeat : no-repeat ; }
2023-01-25 20:52:12 +01:00
scale . color . horizontal { padding : 0 0 15 px 0 ; }
scale . color . horizontal trough { padding-bottom : 4 px ; background-position : 0 -3 px ; border-top-left-radius : 0 ; border-top-right-radius : 0 ; }
scale . color . horizontal 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 ( 29 , 29 , 29 , 0.4 ) ; font-feature-settings : "tnum" ; }
2023-02-09 11:54:15 +01:00
progressbar . horizontal trough , progressbar . horizontal progress { min-height : 10 px ; }
2023-01-25 20:52:12 +01:00
2023-02-09 11:54:15 +01:00
progressbar . vertical trough , progressbar . vertical progress { min-width : 10 px ; }
2023-01-25 20:52:12 +01:00
progressbar . horizontal progress { margin : 0 -1 px ; }
progressbar . vertical progress { margin : -1 px 0 ; }
progressbar : backdrop { box-shadow : none ; transition : 200 ms ease-out ; }
2023-02-09 11:54:15 +01:00
progressbar . horizontal trough { background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; }
progressbar . vertical trough { background-image : linear-gradient ( to right , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; }
2023-01-25 20:52:12 +01:00
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 ; }
2023-02-09 11:54:15 +01:00
progressbar . horizontal progress { background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; }
progressbar . vertical progress { background-image : linear-gradient ( to right , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; }
2023-01-25 20:52:12 +01:00
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 ; }
levelbar > trough { padding : 1 px ; color : #1d1d1d ; border-color : #818181 ; background-color : #e5e5e5 ; box-shadow : inset 0 0 0 1 px rgba ( 157 , 204 , 255 , 0 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) , 0 1 px rgba ( 255 , 255 , 255 , 0.5 ) ; border-radius : 5 px ; }
2023-03-03 11:46:18 +01:00
levelbar > trough : backdrop { color : #444444 ; border-color : #8c8c8c ; background-color : #e2e2e2 ; box-shadow : none ; }
2023-01-25 20:52:12 +01:00
levelbar > trough > block { border : 1 px solid ; }
2023-02-09 11:54:15 +01:00
levelbar > trough > block . low { border-color : #e17800 ; background-color : #e17800 ; }
2023-01-25 20:52:12 +01:00
2023-02-09 11:54:15 +01:00
levelbar > trough > block . high , levelbar > trough > block : not ( . empty ) { border-color : #1e5e00 ; background-color : #3ec400 ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
levelbar > trough > block . full { border-color : #13d272 ; background-color : #13d272 ; }
2023-01-25 20:52:12 +01:00
levelbar > trough > block . empty { background-color : #bcbcbc ; border-color : #bcbcbc ; }
/**************** Print dialog * */
2023-03-03 11:46:18 +01:00
printdialog paper { color : #1d1d1d ; border : 1 px solid #7d7d7d ; background : white ; padding : 0 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
printdialog paper : backdrop { color : #737373 ; border-color : #8c8c8c ; }
2023-01-25 20:52:12 +01:00
printdialog . dialog-action-box { margin : 12 px ; }
/********** Frames * */
2023-03-03 11:46:18 +01:00
frame > border , . frame { box-shadow : none ; margin : 0 ; padding : 0 ; border-radius : 0 ; border : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
frame > border . flat , . frame . flat { border-style : none ; }
2023-03-03 11:46:18 +01:00
frame > border : backdrop , . frame : backdrop { border-color : #8c8c8c ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
actionbar > revealer > box { padding : 6 px ; border-top : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
actionbar > revealer > box : backdrop { border-color : #8c8c8c ; }
2023-01-25 20:52:12 +01:00
scrolledwindow viewport . frame { border-style : none ; }
scrolledwindow overshoot . top { background-image : radial-gradient ( farthest - side at top , #9dccff 85 % , rgba ( 157 , 204 , 255 , 0 ) ) , radial-gradient ( farthest - side at top , rgba ( 157 , 204 , 255 , 0.07 ) , rgba ( 157 , 204 , 255 , 0 ) ) ; background-size : 100 % 3 % , 100 % 50 % ; background-repeat : no-repeat ; background-position : top ; background-color : transparent ; border : none ; box-shadow : none ; }
scrolledwindow overshoot . top : backdrop { background-image : radial-gradient ( farthest - side at top , #9dccff 85 % , rgba ( 157 , 204 , 255 , 0 ) ) ; background-size : 100 % 3 % ; background-repeat : no-repeat ; background-position : top ; background-color : transparent ; border : none ; box-shadow : none ; }
scrolledwindow overshoot . bottom { background-image : radial-gradient ( farthest - side at bottom , #9dccff 85 % , rgba ( 157 , 204 , 255 , 0 ) ) , radial-gradient ( farthest - side at bottom , rgba ( 157 , 204 , 255 , 0.07 ) , rgba ( 157 , 204 , 255 , 0 ) ) ; background-size : 100 % 3 % , 100 % 50 % ; background-repeat : no-repeat ; background-position : bottom ; background-color : transparent ; border : none ; box-shadow : none ; }
scrolledwindow overshoot . bottom : backdrop { background-image : radial-gradient ( farthest - side at bottom , #9dccff 85 % , rgba ( 157 , 204 , 255 , 0 ) ) ; background-size : 100 % 3 % ; background-repeat : no-repeat ; background-position : bottom ; background-color : transparent ; border : none ; box-shadow : none ; }
scrolledwindow overshoot . left { background-image : radial-gradient ( farthest - side at left , #9dccff 85 % , rgba ( 157 , 204 , 255 , 0 ) ) , radial-gradient ( farthest - side at left , rgba ( 157 , 204 , 255 , 0.07 ) , rgba ( 157 , 204 , 255 , 0 ) ) ; background-size : 3 % 100 % , 50 % 100 % ; background-repeat : no-repeat ; background-position : left ; background-color : transparent ; border : none ; box-shadow : none ; }
scrolledwindow overshoot . left : backdrop { background-image : radial-gradient ( farthest - side at left , #9dccff 85 % , rgba ( 157 , 204 , 255 , 0 ) ) ; background-size : 3 % 100 % ; background-repeat : no-repeat ; background-position : left ; background-color : transparent ; border : none ; box-shadow : none ; }
scrolledwindow overshoot . right { background-image : radial-gradient ( farthest - side at right , #9dccff 85 % , rgba ( 157 , 204 , 255 , 0 ) ) , radial-gradient ( farthest - side at right , rgba ( 157 , 204 , 255 , 0.07 ) , rgba ( 157 , 204 , 255 , 0 ) ) ; background-size : 3 % 100 % , 50 % 100 % ; background-repeat : no-repeat ; background-position : right ; background-color : transparent ; border : none ; box-shadow : none ; }
scrolledwindow overshoot . right : backdrop { background-image : radial-gradient ( farthest - side at right , #9dccff 85 % , rgba ( 157 , 204 , 255 , 0 ) ) ; background-size : 3 % 100 % ; background-repeat : no-repeat ; background-position : right ; background-color : transparent ; border : none ; box-shadow : none ; }
2023-03-03 11:46:18 +01:00
scrolledwindow junction { border-color : transparent ; border-image : linear-gradient ( to bottom , #7d7d7d 1 px , transparent 1 px ) 0 0 0 1 / 0 1 px stretch ; background-color : #a7a7a7 ; }
2023-01-25 20:52:12 +01:00
scrolledwindow junction : dir ( rtl ) { border-image-slice : 0 1 0 0 ; }
2023-03-03 11:46:18 +01:00
scrolledwindow junction : backdrop { border-image-source : linear-gradient ( to bottom , #8c8c8c 1 px , transparent 1 px ) ; background-color : #c1c1c1 ; transition : 200 ms ease-out ; }
2023-01-25 20:52:12 +01:00
separator { background : rgba ( 0 , 0 , 0 , 0.1 ) ; min-width : 1 px ; min-height : 1 px ; }
/********* Lists * */
2023-03-03 11:46:18 +01:00
list { color : #1d1d1d ; background-color : #e5e5e5 ; border-color : #7d7d7d ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
list : backdrop { color : #444444 ; background-color : #e2e2e2 ; border-color : #8c8c8c ; }
2023-01-25 20:52:12 +01:00
list row { padding : 2 px ; }
row { transition : all 150 ms cubic-bezier ( 0.25 , 0.46 , 0.45 , 0.94 ) ; }
row : hover { transition : none ; }
row : backdrop { transition : 200 ms ease-out ; }
row . activatable . has-open-popup , row . activatable : hover { background-color : rgba ( 29 , 29 , 29 , 0.05 ) ; }
row . activatable : active { box-shadow : inset 0 2 px 2 px -2 px rgba ( 0 , 0 , 0 , 0.2 ) ; }
row . activatable : backdrop : hover { background-color : transparent ; }
row . activatable : selected : active { box-shadow : inset 0 2 px 3 px -1 px rgba ( 0 , 0 , 0 , 0.5 ) ; }
row . activatable : selected . has-open-popup , row . activatable : selected : hover { background-color : #90bbe8 ; }
row . activatable : selected : backdrop { background-color : #9dccff ; }
/********************* App Notifications * */
. app-notification , . app-notification . frame { padding : 10 px ; border-radius : 0 0 5 px 5 px ; background-color : rgba ( 255 , 255 , 164 , 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 : hover { color : #6a6a6a ; }
expander title > arrow : disabled { color : #552222 ; }
expander title > arrow : disabled : backdrop { color : #a3a3a3 ; }
expander title > arrow : checked { - gtk-icon-source : - gtk-icontheme ( "pan-down-symbolic" ) ; }
/************ Calendar * */
2023-03-03 11:46:18 +01:00
calendar { color : #1d1d1d ; border : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
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 ( 29 , 29 , 29 , 0.45 ) ; }
calendar . button : hover { color : #1d1d1d ; }
calendar . button : backdrop { color : rgba ( 115 , 115 , 115 , 0.45 ) ; }
calendar . button : disabled { color : rgba ( 85 , 34 , 34 , 0.45 ) ; }
calendar . highlight { color : #552222 ; }
calendar . highlight : backdrop { color : #a3a3a3 ; }
2023-03-03 11:46:18 +01:00
calendar : backdrop { color : #444444 ; border-color : #8c8c8c ; }
2023-01-25 20:52:12 +01:00
calendar : indeterminate { color : alpha ( currentColor , 0.1 ) ; }
/*********** Dialogs * */
messagedialog . titlebar { min-height : 20 px ; background-image : none ; background-color : #c9c9c9 ; border-style : none ; border-top-left-radius : 7 px ; border-top-right-radius : 7 px ; }
2023-03-03 11:46:18 +01:00
messagedialog . csd . background { border-bottom-left-radius : 7 px ; border-bottom-right-radius : 7 px ; }
2023-01-25 20:52:12 +01:00
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 ; }
2023-03-03 11:46:18 +01:00
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 ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
messagedialog . csd . dialog-action-area button : last-child { border-bottom-right-radius : 5 px ; - gtk-outline-bottom-right-radius : 5 px ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
filechooser . dialog-action-box { border-top : 1 px solid #7d7d7d ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
filechooser . dialog-action-box : backdrop { border-top-color : #8c8c8c ; }
2023-01-25 20:52:12 +01:00
filechooser # pathbarbox { border-bottom : 1 px solid #c9c9c9 ; }
filechooserbutton : drop ( active ) { box-shadow : none ; border-color : transparent ; }
/*********** Sidebar * */
. sidebar { border-style : none ; background-color : #d7d7d7 ; }
2023-03-03 11:46:18 +01:00
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 #7d7d7d ; border-left-style : none ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
stacksidebar . sidebar : dir ( rtl ) list , stacksidebar . sidebar . right list , . sidebar : not ( separator ) : dir ( rtl ) , . sidebar : not ( separator ) . right { border-left : 1 px solid #7d7d7d ; border-right-style : none ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. sidebar : backdrop { background-color : #d6d6d6 ; border-color : #8c8c8c ; transition : 200 ms ease-out ; }
2023-01-25 20:52:12 +01:00
. 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 ; }
2023-03-03 11:46:18 +01:00
separator . sidebar { background-color : #7d7d7d ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
separator . sidebar : backdrop { background-color : #8c8c8c ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
separator . sidebar . selection-mode , . selection-mode separator . sidebar { background-color : #0b743f ; }
2023-01-25 20:52:12 +01:00
/**************** 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 ; }
placessidebar row : selected { color : #000000 ; }
placessidebar row : disabled { color : #552222 ; }
placessidebar row : backdrop { color : #737373 ; }
placessidebar row : backdrop : selected { color : #222222 ; }
placessidebar row : backdrop : disabled { color : #a3a3a3 ; }
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 ; }
2023-12-22 17:14:08 +01:00
placessidebar row . sidebar-placeholder-row { padding : 0 8 px ; min-height : 2 px ; background-image : image ( #13d272 ) ; background-clip : content-box ; }
2023-01-25 20:52:12 +01:00
placessidebar row . sidebar-new-bookmark-row { color : #9dccff ; }
2023-12-22 17:14:08 +01:00
placessidebar row : drop ( active ) : not ( : disabled ) { color : #13d272 ; box-shadow : inset 0 1 px #13d272 , inset 0 -1 px #13d272 ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
placessidebar row : drop ( active ) : not ( : disabled ) : selected { color : #000000 ; background-color : #13d272 ; }
2023-01-25 20:52:12 +01: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 * */
2023-02-10 12:47:24 +01:00
paned > separator { min-width : 2 px ; min-height : 2 px ; border-style : none ; }
2023-01-25 20:52:12 +01:00
paned > separator : selected { background-image : image ( #9dccff ) ; }
2023-03-03 11:46:18 +01:00
paned > separator . wide { min-width : 5 px ; min-height : 5 px ; background-color : #c9c9c9 ; background-image : image ( #7d7d7d ) , image ( #7d7d7d ) ; background-size : 1 px 1 px , 1 px 1 px ; }
2023-01-25 20:52:12 +01:00
paned . horizontal > separator { background-repeat : repeat-y ; }
paned . horizontal > separator : dir ( ltr ) { margin : 0 -8 px 0 0 ; padding : 0 8 px 0 0 ; background-position : left ; }
paned . horizontal > separator : dir ( rtl ) { margin : 0 0 0 -8 px ; padding : 0 0 0 8 px ; background-position : right ; }
paned . horizontal > separator . wide { margin : 0 ; padding : 0 ; background-repeat : repeat-y , repeat-y ; background-position : left , right ; }
paned . vertical > separator { margin : 0 0 -8 px 0 ; padding : 0 0 8 px 0 ; background-repeat : repeat-x ; background-position : top ; }
paned . vertical > separator . wide { margin : 0 ; padding : 0 ; background-repeat : repeat-x , repeat-x ; background-position : bottom , top ; }
/************** GtkInfoBar * */
infobar { border-style : none ; }
2023-03-03 11:46:18 +01:00
infobar . action : hover > revealer > box { border-bottom : 1 px solid #898989 ; }
2023-01-25 20:52:12 +01:00
infobar . info , infobar . question , infobar . warning , infobar . error { text-shadow : none ; }
2023-03-03 11:46:18 +01: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 : #d58126 ; border-bottom : 1 px solid #898989 ; }
2023-01-25 20:52:12 +01: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 : #1d1d1d ; }
infobar . info : backdrop , infobar . question : backdrop , infobar . warning : backdrop , infobar . error : backdrop { text-shadow : none ; }
infobar . info button , infobar . question button , infobar . warning button , infobar . error button { color : #1d1d1d ; background-color : #c9c9c9 ; border-color : #737373 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.5 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-03-01 11:31:26 +01:00
infobar . info button : hover , infobar . question button : hover , infobar . warning button : hover , infobar . error button : hover { background-color : #e4e4e4 ; }
2023-01-25 20:52:12 +01: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 1 px rgba ( 255 , 255 , 255 , 0.5 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
infobar . info button : disabled , infobar . question button : disabled , infobar . warning button : disabled , infobar . error button : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
infobar . info button : backdrop , infobar . question button : backdrop , infobar . warning button : backdrop , infobar . error button : backdrop { background-image : none ; border-color : #b0b0b0 ; }
infobar . info button : backdrop : disabled , infobar . question button : backdrop : disabled , infobar . warning button : backdrop : disabled , infobar . error button : backdrop : disabled { border-color : #b0b0b0 ; }
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 : #1d1d1d ; }
infobar . info selection , infobar . question selection , infobar . warning selection , infobar . error selection { background-color : #b0b0b0 ; }
infobar . info * : link , infobar . question * : link , infobar . warning * : link , infobar . error * : link { color : #004B91 ; }
/************ Tooltips * */
tooltip { border-radius : 5 px ; text-shadow : none ; }
tooltip . background { background-color : rgba ( 255 , 255 , 164 , 0.9 ) ; background-clip : padding-box ; border : 1 px solid #504300 ; }
tooltip decoration { background-color : transparent ; }
tooltip * { background-color : transparent ; color : #504300 ; }
/***************** 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 . dark overlay : hover { border-color : rgba ( 0 , 0 , 0 , 0.8 ) ; }
colorswatch . dark overlay : backdrop { color : rgba ( 255 , 255 , 255 , 0.5 ) ; }
colorswatch . light { outline-color : rgba ( 0 , 0 , 0 , 0.6 ) ; }
colorswatch . light overlay { color : black ; }
colorswatch . light overlay : hover { border-color : rgba ( 0 , 0 , 0 , 0.5 ) ; }
colorswatch . light overlay : backdrop { color : rgba ( 0 , 0 , 0 , 0.5 ) ; }
colorswatch : drop ( active ) { box-shadow : none ; }
2023-12-22 17:14:08 +01:00
colorswatch : drop ( active ) . light overlay { border-color : #13d272 ; box-shadow : inset 0 0 0 2 px #10b160 , inset 0 0 0 1 px #13d272 ; }
2023-01-25 20:52:12 +01:00
2023-12-22 17:14:08 +01:00
colorswatch : drop ( active ) . dark overlay { border-color : #13d272 ; box-shadow : inset 0 0 0 2 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #13d272 ; }
2023-01-25 20:52:12 +01:00
colorswatch overlay { border : 1 px solid rgba ( 0 , 0 , 0 , 0.3 ) ; }
colorswatch overlay : hover { box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.4 ) , inset 0 -1 px rgba ( 0 , 0 , 0 , 0.2 ) ; }
colorswatch overlay : backdrop , colorswatch overlay : backdrop : hover { border-color : rgba ( 0 , 0 , 0 , 0.3 ) ; box-shadow : none ; }
colorswatch # add-color-button { border-radius : 5 px 5 px 0 0 ; }
colorswatch # add-color-button : only-child { border-radius : 5 px ; }
colorswatch # add-color-button overlay { color : #1d1d1d ; background-color : #d3d3d3 ; border-color : #787878 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-03-01 11:31:26 +01:00
colorswatch # add-color-button overlay : hover { background-color : #e9e9e9 ; }
2023-01-25 20:52:12 +01: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 ; }
row : selected colorswatch { box-shadow : 0 0 0 2 px #000000 ; }
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 : #b7b7b7 ; }
. content-view : hover { - gtk-icon-effect : highlight ; }
. content-view : backdrop { background-color : #b7b7b7 ; }
/********************** Window Decorations * */
2023-03-03 11:46:18 +01:00
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.23 ) ; margin : 10 px ; }
2023-01-25 20:52:12 +01:00
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.18 ) ; 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.18 ) , 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.18 ) , 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.23 ) ; }
. ssd decoration : backdrop { box-shadow : 0 0 0 1 px rgba ( 0 , 0 , 0 , 0.18 ) ; }
. 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.13 ) ; }
tooltip . csd decoration { border-radius : 5 px ; box-shadow : 0 3 px 4 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-03-03 11:46:18 +01:00
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.13 ) ; }
2023-01-25 20:52:12 +01:00
2023-03-03 11:46:18 +01:00
. solid-csd decoration { margin : 0 ; padding : 4 px ; background-color : #7d7d7d ; border : solid 1 px #7d7d7d ; border-radius : 0 ; box-shadow : inset 0 0 0 3 px #d6d6d6 , inset 0 1 px rgba ( 255 , 255 , 255 , 0.8 ) , 0 3 px 5 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
2023-01-25 20:52:12 +01:00
. solid-csd decoration : backdrop { box-shadow : inset 0 0 0 3 px #c9c9c9 , inset 0 1 px rgba ( 255 , 255 , 255 , 0.8 ) , 0 3 px 5 px rgba ( 0 , 0 , 0 , 0.7 ) ; }
button . titlebutton : not ( . appmenu ) { padding : 5 px ; margin : 0 2 px ; min-width : 0 ; min-height : 0 ; color : white ; background-color : #9dccff ; border-color : #cee6ff ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.353725 ) ; - gtk-icon-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.353725 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; text-shadow : 0 0 2 px #303030 ; - gtk-icon-shadow : 0 0 2 px #303030 ; }
2023-03-01 11:31:26 +01:00
button . titlebutton : not ( . appmenu ) : hover { background-color : #cee6ff ; }
2023-01-25 20:52:12 +01:00
button . titlebutton : not ( . appmenu ) : active { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
button . titlebutton : not ( . appmenu ) : backdrop { color : white ; background-color : #c9c9c9 ; border-color : #e4e4e4 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.369412 ) ; - gtk-icon-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.369412 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.5 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; background-image : none ; text-shadow : 0 0 2 px #303030 ; - gtk-icon-shadow : 0 0 2 px #303030 ; }
2023-03-01 11:31:26 +01:00
button . titlebutton : not ( . appmenu ) : backdrop : hover { background-color : #cee6ff ; }
2023-01-25 20:52:12 +01:00
button . titlebutton : not ( . appmenu ) : backdrop : active { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
button . titlebutton . close { padding-right : 12 px ; padding-left : 12 px ; }
button . titlebutton . close : not ( : backdrop ) { color : white ; background-color : #880b0b ; border-color : #c38585 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.3 ) , rgba ( 255 , 255 , 255 , 0.3 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.15 ) ) , radial-gradient ( circle at bottom , rgba ( 255 , 255 , 0 , 0.5 ) , rgba ( 255 , 255 , 0 , 0 ) ) ; text-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.770196 ) ; - gtk-icon-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.770196 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
2023-03-01 11:31:26 +01:00
button . titlebutton . close : not ( : backdrop ) : hover { background-color : #9f3c3c ; }
2023-01-25 20:52:12 +01:00
button . titlebutton . close : not ( : backdrop ) : active { box-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) , inset 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; }
button . titlebutton : backdrop { - gtk-icon-shadow : none ; }
2023-12-22 17:14:08 +01:00
. 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.640784 ) ; - gtk-icon-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.640784 ) ; }
2023-01-25 20:52:12 +01:00
. 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-03-03 11:46:18 +01:00
cursor-handle { color : #1d1d1d ; background-color : #d3d3d3 ; border-color : #787878 ; outline-color : rgba ( 157 , 204 , 255 , 0.5 ) ; background-image : linear-gradient ( to bottom , rgba ( 255 , 255 , 255 , 0.9 ) , rgba ( 255 , 255 , 255 , 0.5 ) 50 % , rgba ( 255 , 255 , 255 , 0 ) 50 % , rgba ( 255 , 255 , 255 , 0.3 ) ) ; text-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; - gtk-icon-shadow : 0 1 px rgba ( 255 , 255 , 255 , 0.3 ) ; box-shadow : inset 0 1 px rgba ( 255 , 255 , 255 , 0.65 ) , 0 1 px 2 px rgba ( 0 , 0 , 0 , 0.4 ) ; border : 1 px solid #424242 ; border-radius : 100 % ; transition : none ; transition-property : background , border , box-shadow ; min-height : 18 px ; min-width : 10 px ; }
2023-01-25 20:52:12 +01:00
2023-03-01 11:31:26 +01:00
cursor-handle : hover { background-color : #e9e9e9 ; }
2023-01-25 20:52:12 +01:00
2023-02-09 11:54:15 +01:00
cursor-handle : active { border-color : #1e5e00 ; }
2023-01-25 20:52:12 +01:00
cursor-handle : disabled { color : #552222 ; border-color : #8e7070 ; background-color : #c7bebe ; background-image : none ; text-shadow : none ; - gtk-icon-shadow : none ; }
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 ; }
2023-03-03 11:46:18 +01:00
. 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 : #1d1d1d ; background-color : #e5e5e5 ; border : 1 px solid ; border-color : #a3a3a3 ; border-radius : 5 px ; box-shadow : inset 0 -3 px #cfcfcf ; font-size : smaller ; }
2023-01-25 20:52:12 +01:00
. keycap : backdrop { background-color : #e2e2e2 ; color : #737373 ; transition : 200 ms ease-out ; }
2023-12-22 17:14:08 +01:00
: not ( decoration ) : not ( window ) : drop ( active ) : focus , : not ( decoration ) : not ( window ) : drop ( active ) { border-color : #13d272 ; box-shadow : inset 0 0 0 1 px #13d272 ; caret-color : #13d272 ; }
2023-01-25 20:52:12 +01:00
stackswitcher button . text-button { min-width : 100 px ; }
stackswitcher button . circular , stackswitcher button . text-button . circular { min-width : 32 px ; min-height : 32 px ; padding : 0 ; }
/************* App Icons * */
/* Outline for low res icons */
. lowres-icon { - gtk-icon-shadow : 0 -1 px rgba ( 0 , 0 , 0 , 0.05 ) , 1 px 0 rgba ( 0 , 0 , 0 , 0.1 ) , 0 1 px rgba ( 0 , 0 , 0 , 0.3 ) , -1 px 0 rgba ( 0 , 0 , 0 , 0.1 ) ; }
/* 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 ; }
2023-03-03 11:46:18 +01:00
button . emoji-section : hover { border-color : #7d7d7d ; }
2023-01-25 20:52:12 +01:00
button . emoji-section : checked { border-color : #9dccff ; }
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 ; }
popover . emoji-picker . emoji : hover { background : #9dccff ; border-radius : 6 px ; }
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 : #d6d6d6 ; }
undershoot { background-repeat : no-repeat ; background-clip : border-box ; }
undershoot . top { background-image : linear-gradient ( to bottom , alpha ( currentColor , 0.5 ) , alpha ( currentColor , 0.2 ) , alpha ( currentColor , 0 ) ) ; background-size : 100 % 1 em ; background-position : top ; }
undershoot . bottom { background-image : linear-gradient ( to top , alpha ( currentColor , 0.5 ) , alpha ( currentColor , 0.2 ) , alpha ( currentColor , 0 ) ) ; background-size : 100 % 1 em ; background-position : bottom ; }
undershoot . left { background-image : linear-gradient ( to right , alpha ( currentColor , 0.5 ) , alpha ( currentColor , 0.2 ) , alpha ( currentColor , 0 ) ) ; background-size : 1 em 100 % ; background-position : left ; }
undershoot . right { background-image : linear-gradient ( to left , alpha ( currentColor , 0.5 ) , alpha ( currentColor , 0.2 ) , alpha ( currentColor , 0 ) ) ; background-size : 1 em 100 % ; background-position : right ; }
/* GTK NAMED COLORS ---------------- use responsibly! */
/ *
widget text / foreground color * /
@ define-color theme_fg_color # 1d1d1d ;
/ *
text color for entries , views and content in general * /
@ define-color theme_text_color # 1d1d1d ;
/ *
widget base background color * /
@ define-color theme_bg_color # c9c9c9 ;
/ *
text widgets and the like base background color * /
@ define-color theme_base_color # e5e5e5 ;
/ *
base background color of selections * /
@ define-color theme_selected_bg_color # 9dccff ;
/ *
text / foreground color of selections * /
@ define-color theme_selected_fg_color # 000000 ;
/ *
base background color of insensitive widgets * /
@ define-color insensitive_bg_color # c7bebe ;
/ *
text foreground color of insensitive widgets * /
@ define-color insensitive_fg_color # 552222 ;
/ *
insensitive text widgets and the like base background color * /
@ define-color insensitive_base_color # e5e5e5 ;
/ *
widget text / foreground color on backdrop windows * /
@ define-color theme_unfocused_fg_color # 737373 ;
/ *
text color for entries , views and content in general on backdrop windows * /
@ define-color theme_unfocused_text_color # 1d1d1d ;
/ *
widget base background color on backdrop windows * /
@ define-color theme_unfocused_bg_color # c9c9c9 ;
/ *
text widgets and the like base background color on backdrop windows * /
@ define-color theme_unfocused_base_color # e2e2e2 ;
/ *
base background color of selections on backdrop windows * /
@ define-color theme_unfocused_selected_bg_color # 9dccff ;
/ *
text / foreground color of selections on backdrop windows * /
@ define-color theme_unfocused_selected_fg_color # 000000 ;
/ *
insensitive color on backdrop windows * /
@ define-color unfocused_insensitive_color # a3a3a3 ;
/ *
widgets main borders color * /
2023-03-03 11:46:18 +01:00
@ define-color borders # 7d7d7d ;
2023-01-25 20:52:12 +01:00
/ *
widgets main borders color on backdrop windows * /
2023-03-03 11:46:18 +01:00
@ define-color unfocused_borders # 8c8c8c ;
2023-01-25 20:52:12 +01:00
/ *
these are pretty self explicative * /
2023-02-09 11:54:15 +01:00
@ define-color warning_color # e17800 ;
2023-01-25 20:52:12 +01:00
@ define-color error_color # df0000 ;
2023-12-22 17:14:08 +01:00
@ define-color success_color # 13d272 ;
2023-01-25 20:52:12 +01:00
/ *
these colors are exported for the window manager and shouldn ' t be used in applications ,
read if you used those and something break with a version upgrade you ' re on your own . . . * /
@ define-color wm_title shade ( # 1d1d1d , 1 . 8 ) ;
@ define-color wm_unfocused_title # 737373 ;
@ define-color wm_highlight rgba ( 255 , 255 , 255 , 0 . 8 ) ;
@ define-color wm_borders_edge rgba ( 255 , 255 , 255 , 0 . 8 ) ;
@ define-color wm_bg_a shade ( # c9c9c9 , 1 . 2 ) ;
@ define-color wm_bg_b # c9c9c9 ;
@ define-color wm_shadow alpha ( black , 0 . 35 ) ;
@ define-color wm_border alpha ( black , 0 . 18 ) ;
@ define-color wm_button_hover_color_a shade ( # c9c9c9 , 1 . 3 ) ;
@ define-color wm_button_hover_color_b # c9c9c9 ;
@ define-color wm_button_active_color_a shade ( # c9c9c9 , 0 . 85 ) ;
@ define-color wm_button_active_color_b shade ( # c9c9c9 , 0 . 89 ) ;
@ define-color wm_button_active_color_c shade ( # c9c9c9 , 0 . 9 ) ;
/* content view background such as thumbnails view in Photos or Boxes */
@ define-color content_view_bg # e5e5e5 ;
/* Very contrasty background for text views (@theme_text_color foreground) */
@ define-color text_view_bg # e5e5e5 ;