Change window border radius to match GTK theme

This commit is contained in:
halfmexican 2022-09-21 18:12:26 -05:00 committed by GitHub
parent 1828bb2cde
commit cd2ba7d94c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions

View file

@ -101,7 +101,7 @@
}
},
"custom_css": {
"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}\nlist row.activatable:selected{\n\tcolor: @dark_5;\n\tbackground-color: #94ebeb;\n\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}\nscale highlight{\n\tbackground-color: #94ebeb;\n\n}\nscale slider{\n\tbackground-color: #94ebeb;\n}\nlist row.activatable:selected{\n\tcolor: @dark_5;\n\tbackground-color: #94ebeb;\n}\nwindow{\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n}\nbutton{\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n}",
"gtk3": ""
}
}

View file

@ -101,7 +101,7 @@
}
},
"custom_css": {
"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: alpha(@headerbar_fg_color, 0.16);\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: #f6f6f6;\n}\nswitch {\n\tbackground-color: #a9a9a9;\n}\nswitch:checked {\n\n\tbackground-color: #ffad00;\n}\ncheckbutton check:checked{\n\tcolor: #363636;\n\tbackground-color:#ffad00;\n}\nscale highlight{\n\tbackground-color: #48b9c7;\n\n}\nscale slider{\n\tbackground-color: #48b9c7;\n}\nlist row.activatable:selected{\n\tcolor: @dark_5;\n\tbackground-color: #48b9c7;\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: alpha(@headerbar_fg_color, 0.16);\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: #f6f6f6;\n}\nswitch {\n\tbackground-color: #a9a9a9;\n}\nswitch:checked {\n\n\tbackground-color: #ffad00;\n}\ncheckbutton check:checked{\n\tcolor: #363636;\n\tbackground-color:#ffad00;\n}\nscale highlight{\n\tbackground-color: #48b9c7;\n\n}\nscale slider{\n\tbackground-color: #48b9c7;\n}\nlist row.activatable:selected{\n\tcolor: @dark_5;\n\tbackground-color: #48b9c7;\n}\nwindow{\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n}\nbutton{\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n}",
"gtk3": ""
}
}