create selected_tab_gradient_border.css
This commit is contained in:
parent
b6ae559352
commit
357e5bc0b4
3 changed files with 25 additions and 1 deletions
22
chrome/selected_tab_gradient_border.css
Normal file
22
chrome/selected_tab_gradient_border.css
Normal file
|
@ -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;
|
||||||
|
}
|
|
@ -140,5 +140,6 @@
|
||||||
"centered_tab_label.css":["tab"],
|
"centered_tab_label.css":["tab"],
|
||||||
"dark_date_picker_panel.css":["popup","dark-mode"],
|
"dark_date_picker_panel.css":["popup","dark-mode"],
|
||||||
"textual_searchbar_one-offs.css":["popup","menu"],
|
"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"]
|
||||||
}
|
}
|
||||||
|
|
1
tags.csv
1
tags.csv
|
@ -140,3 +140,4 @@ centered_tab_label.css,tab
|
||||||
dark_date_picker_panel.css,popup,dark-mode
|
dark_date_picker_panel.css,popup,dark-mode
|
||||||
textual_searchbar_one-offs.css,popup,menu
|
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
|
||||||
|
|
|
Loading…
Reference in a new issue