From 357e5bc0b4879c5d565aff86c51514ec198aebf1 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 4 Nov 2021 12:24:20 +0200 Subject: [PATCH] create selected_tab_gradient_border.css --- chrome/selected_tab_gradient_border.css | 22 ++++++++++++++++++++++ html_resources/tagmap.json | 3 ++- tags.csv | 1 + 3 files changed, 25 insertions(+), 1 deletion(-) create mode 100644 chrome/selected_tab_gradient_border.css diff --git a/chrome/selected_tab_gradient_border.css b/chrome/selected_tab_gradient_border.css new file mode 100644 index 0000000..2708c4b --- /dev/null +++ b/chrome/selected_tab_gradient_border.css @@ -0,0 +1,22 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/selected_tab_gradient_border.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* Adds a gradient outline to selected tab. This is going to need modifications if you use tabs that don't follow Proton styling. */ + +.tab-background[selected]{ + outline: none !important; + border: 2px solid transparent !important; + box-shadow: none !important; + background-clip: padding-box; +} +.tab-background[selected] > .tab-context-line{ margin: -5px 0 0 !important; } +.tabbrowser-tab[selected] > .tab-stack::before{ + content: ""; + display: -moz-box; + min-height: inherit; + border-radius: var(--tab-border-radius); + grid-area: 1/1; + margin-block: var(--tab-block-margin); + /* Edit gradient colors here */ + background: repeat linear-gradient(90deg,#f0f,#ff0,#0ff)!important; +} \ No newline at end of file diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index bf37baf..2def08d 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -140,5 +140,6 @@ "centered_tab_label.css":["tab"], "dark_date_picker_panel.css":["popup","dark-mode"], "textual_searchbar_one-offs.css":["popup","menu"], -"menulike_bookmarks_folder_popups.css":["menu","bookmarks","colors"] +"menulike_bookmarks_folder_popups.css":["menu","bookmarks","colors"], +"selected_tab_gradient_border.css":["tab","colors","effect"] } diff --git a/tags.csv b/tags.csv index 1520988..ef165c1 100644 --- a/tags.csv +++ b/tags.csv @@ -140,3 +140,4 @@ centered_tab_label.css,tab dark_date_picker_panel.css,popup,dark-mode textual_searchbar_one-offs.css,popup,menu menulike_bookmarks_folder_popups.css,menu,bookmarks,colors +selected_tab_gradient_border.css,tab,colors,effect