From 668f2ee0c1aff98e6962fb1f4d9f6fd6d8727175 Mon Sep 17 00:00:00 2001 From: halfmexican <103920890+halfmexican@users.noreply.github.com> Date: Wed, 21 Sep 2022 14:20:49 -0500 Subject: [PATCH 1/3] Add accent color to selected list row --- curated/pop-dark.json | 2 +- curated/pop-light.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/curated/pop-dark.json b/curated/pop-dark.json index 2f0860f..8a452b2 100644 --- a/curated/pop-dark.json +++ b/curated/pop-dark.json @@ -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}", + "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}", "gtk3": "" } } \ No newline at end of file diff --git a/curated/pop-light.json b/curated/pop-light.json index 0d95ffa..0298328 100644 --- a/curated/pop-light.json +++ b/curated/pop-light.json @@ -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}", + "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}", "gtk3": "" } } \ No newline at end of file From cd2ba7d94c89cf76b5965ec54feedde8afa97751 Mon Sep 17 00:00:00 2001 From: halfmexican <103920890+halfmexican@users.noreply.github.com> Date: Wed, 21 Sep 2022 18:12:26 -0500 Subject: [PATCH 2/3] Change window border radius to match GTK theme --- curated/pop-dark.json | 2 +- curated/pop-light.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/curated/pop-dark.json b/curated/pop-dark.json index 8a452b2..5279f1f 100644 --- a/curated/pop-dark.json +++ b/curated/pop-dark.json @@ -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": "" } } \ No newline at end of file diff --git a/curated/pop-light.json b/curated/pop-light.json index 0298328..72d34d5 100644 --- a/curated/pop-light.json +++ b/curated/pop-light.json @@ -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": "" } } \ No newline at end of file From 3805e7bc1cea8a557d3dd6aaee9d029b4e02da63 Mon Sep 17 00:00:00 2001 From: halfmexican <103920890+halfmexican@users.noreply.github.com> Date: Wed, 21 Sep 2022 18:22:45 -0500 Subject: [PATCH 3/3] Remove extra new lines --- curated/pop-dark.json | 2 +- curated/pop-light.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/curated/pop-dark.json b/curated/pop-dark.json index 5279f1f..d63a74d 100644 --- a/curated/pop-dark.json +++ b/curated/pop-dark.json @@ -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}\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}", + "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 background-color: #363636;\n}\nswitch {\n background-color: #686868;\n}\nswitch:checked {\n background-color: #fbb86c;\n}\ncheckbutton check:checked{\n color: #363636;\n}\nscale highlight{\n background-color: #94ebeb;\n\n}\nscale slider{\n background-color: #94ebeb;\n}\nlist row.activatable:selected{\n color: @dark_5;\n background-color: #94ebeb;\n}\nwindow{\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n}\nbutton{\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n}", "gtk3": "" } } \ No newline at end of file diff --git a/curated/pop-light.json b/curated/pop-light.json index 72d34d5..20b4fba 100644 --- a/curated/pop-light.json +++ b/curated/pop-light.json @@ -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}\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}", + "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 background-color: #f6f6f6;\n}\nswitch {\n background-color: #a9a9a9;\n}\nswitch:checked {\n background-color: #ffad00;\n}\ncheckbutton check:checked{\n color: #363636;\n background-color:#ffad00;\n}\nscale highlight{\n background-color: #48b9c7;\n}\nscale slider{\n background-color: #48b9c7;\n}\nlist row.activatable:selected{\n color: @dark_5;\n background-color: #48b9c7;\n}\nwindow{\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n}\nbutton{\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n}", "gtk3": "" } } \ No newline at end of file