From fd2414fef9fa59fdc6a5282f01d4f84657c759a8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 20 Apr 2021 11:11:51 +0300 Subject: [PATCH] create round_caption_buttons.css --- chrome/round_caption_buttons.css | 29 +++++++++++++++++++++++++++++ html_resources/tagmap.json | 3 ++- tags.csv | 1 + 3 files changed, 32 insertions(+), 1 deletion(-) create mode 100644 chrome/round_caption_buttons.css diff --git a/chrome/round_caption_buttons.css b/chrome/round_caption_buttons.css new file mode 100644 index 0000000..99b2d6c --- /dev/null +++ b/chrome/round_caption_buttons.css @@ -0,0 +1,29 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/round_caption_buttons.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* Make window-control - aka caption buttons round following theme text color. */ + +/* Uncomment the following line to use colorful icons ala MacOS */ +/* .titlebar-button{ --uc-caption-background: var(--uc-caption-color) } */ + +.titlebar-button { opacity: 0.6; --uc-caption-color: rgb(252,185,15) } +.titlebar-min { opacity: 0.5; --uc-caption-color: rgb(36, 209, 49) } +.titlebar-close { opacity: 0.7; --uc-caption-color: rgb(250, 55, 55) } + +.titlebar-button:hover { opacity: 1 } + +.titlebar-button { + background: transparent !important; + padding-inline: 10px !important; + transition: opacity 0.2s ease; +} +.titlebar-close { padding-right: 18px !important; } + +.titlebar-button > .toolbarbutton-icon { + list-style-image: none; + border-radius: 10px; + background: var(--uc-caption-background,currentColor) !important; +} + +/* OPTIONAL - move caption buttons in tabs toolbar a bit upwards */ +/* #TabsToolbar > .titlebar-buttonbox-container{ margin-bottom: var(--toolbarbutton-inner-padding) !important; } */ diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index e3cc80e..f37d701 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -121,5 +121,6 @@ "hide_tabs_scrollbuttons.css":["tabs","hiding","buttons","minimal"], "tab_effect_scale_onclick.css":["tab","effect"], "auto_devtools_theme_for_rdm.css":["devtools","colors"], -"inline_tab_audio_icons.css":["tab","icon","proton"] +"inline_tab_audio_icons.css":["tab","icon","proton"], +"round_caption_buttons.css":["buttons","icon","window-controls"] } diff --git a/tags.csv b/tags.csv index 2929f85..ec45fce 100644 --- a/tags.csv +++ b/tags.csv @@ -121,3 +121,4 @@ hide_tabs_scrollbuttons.css,tabs,hiding,buttons,minimal tab_effect_scale_onclick.css,tab,effect auto_devtools_theme_for_rdm.css,devtools,colors inline_tab_audio_icons.css,tab,icon,proton +round_caption_buttons.css,buttons,icon,window-controls