Change card color to match GTK theme

also changes headerbear windowcontrol active colors
This commit is contained in:
halfmexican 2022-09-20 22:29:16 -05:00 committed by GitHub
parent 438ed35885
commit d785a13b6f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -25,9 +25,9 @@
"headerbar_border_color": "#ffffff",
"headerbar_backdrop_color": "rgb(54,54,54)",
"headerbar_shade_color": "rgba(0, 0, 0, 0.36)",
"card_bg_color": "rgba(255, 255, 255, 0.08)",
"card_bg_color": "rgb(39,39,39)",
"card_fg_color": "#ffffff",
"card_shade_color": "rgba(0, 0, 0, 0.36)",
"card_shade_color": "rgba(0,0,0,0.36)",
"dialog_bg_color": "#383838",
"dialog_fg_color": "#ffffff",
"popover_bg_color": "rgb(43,43,43)",
@ -101,7 +101,7 @@
}
},
"custom_css": {
"gtk4": "windowcontrols image {\n background-color: transparent;\n}\n \n/* If you want to keep the circles when you hover: */\nwindowcontrols image:hover {\n background-color: alpha(@headerbar_fg_color, 0.10);\n}\n\n/* When the buttons are pushed down: */\nwindowcontrols image:active {\n background-color: alpha(@headerbar_fg_color, 0.16);\n}\n\nheaderbar windowcontrols button.close image {\n background-color: #f28c2a;\n}\n\nheaderbar windowcontrols button.close image:hover {\n background-color: #5e5e5e;\n}\n\nheaderbar:backdrop windowcontrols button.close image {\n background-color: transparent;\n}\n\nheaderbar:backdrop windowcontrols button.close image:hover {\n background-color: alpha(@headerbar_fg_color, 0.10);\n}\n\nswitch slider {\n\tbackground-color: #363636;\n}\n\nswitch {\n\tbackground-color: #686868;\n}\n\nswitch:checked {\n\n\tbackground-color: #fbb86c;\n}\n\ncheckbutton check:checked{\n\tcolor: #363636;\n}\n\nscale highlight{\n\tbackground-color: #94ebeb;\n\n}\n\nscale slider{\n\tbackground-color: #94ebeb;\n}",
"gtk4": "windowcontrols image {\n background-color: transparent;\n}\n/* If you want to keep the circles when you hover: */\nwindowcontrols image:hover {\n background-color: alpha(@headerbar_fg_color, 0.16);\n}\n/* When the buttons are pushed down: */\nwindowcontrols image:active {\n background-color: alpha(@headerbar_fg_color, 0.10);\n}\nheaderbar windowcontrols button.close image {\n background-color: #f28c2a;\n}\nheaderbar windowcontrols button.close image:hover {\n background-color: #5e5e5e;\n}\nheaderbar windowcontrols button.close image:active {\n background-color: alpha(@headerbar_fg_color, 0.10);\n}\nheaderbar:backdrop windowcontrols button.close image {\n background-color: transparent;\n}\nheaderbar:backdrop windowcontrols button.close image:hover {\n background-color: alpha(@headerbar_fg_color, 0.10);\n}\nswitch slider {\n\tbackground-color: #363636;\n}\nswitch {\n\tbackground-color: #686868;\n}\nswitch:checked {\n\n\tbackground-color: #fbb86c;\n}\ncheckbutton check:checked{\n\tcolor: #363636;\n}\n\nscale highlight{\n\tbackground-color: #94ebeb;\n\n}\nscale slider{\n\tbackground-color: #94ebeb;\n}",
"gtk3": ""
}
}