Update firefox css: sidebar style

This commit is contained in:
rydesun 2021-08-23 22:19:45 +08:00
parent 32e99d8d20
commit 4d72fa39ca
2 changed files with 30 additions and 16 deletions

View file

@ -1,5 +1,5 @@
:root {
--frame-background-color: #445;
--frame-background-color: #2b2a33;
}
/* 隐藏标签栏 */
@ -27,17 +27,17 @@
#sidebar-box[sidebarcommand="visualtab_xuldev_org-sidebar-action"] {
z-index: 1000 !important;
position: relative !important;
min-width: 28px !important;
max-width: 28px !important;
min-width: 35px !important;
max-width: 35px !important;
}
#sidebar-box[sidebarcommand="visualtab_xuldev_org-sidebar-action"] #sidebar {
position: absolute !important;
transition: all 0.1s;
}
#sidebar-box[sidebarcommand="visualtab_xuldev_org-sidebar-action"] #sidebar:not(:hover) {
width: 25px !important;
min-width: 25px !important;
max-width: 25px !important;
width: 35px !important;
min-width: 35px !important;
max-width: 35px !important;
}
#sidebar-box[sidebarcommand="visualtab_xuldev_org-sidebar-action"] #sidebar:hover {
box-shadow: 2px 0 13px 0px #333333;

View file

@ -1,17 +1,17 @@
/* Visual Tabs */
@-moz-document regexp("^moz-extension://[a-zA-Z0-9-]+/sidebar/view\.html.*") {
:root[theme="light"] {
--background-color: #445 !important;
:root {
--background-color: #2b2a33 !important;
--separator-color: black !important;
}
#tabbox #tabList {
margin-top: 6px !important;
}
#tabbox #tabList .tab {
background: #445 !important;
background: transparent !important;
}
#tabbox #tabList .tab .bar {
background: white !important;
}
#tabbox #tabList .tab[selected="true"] .bar {
background: #d0d0ff !important;
padding: 0 5px !important;
}
/* 固定标签栏 */
@ -19,7 +19,6 @@
border-bottom: unset !important;
}
#tabbox #pinList:not(:empty) .tab {
margin-bottom: 15px !important;
border-right-color: #d0d0ff !important;
background: white !important;
}
@ -44,20 +43,35 @@
#tabbox #tabList .tab .bar {
height: 24px !important;
}
#tabbox #tabList .tab .bar .favicon {
padding: 12px !important;
background-color: white !important;
background-repeat: no-repeat !important;
background-position: center !important;
border-radius: 5px !important;
}
#tabbox #tabList .tab[selected="true"] .bar .favicon {
background-color: #d0d0ff !important;
}
#tabbox #tabList .tab .bar .title {
color: #333 !important;
color: white !important;
}
body:not(:hover) #tabList .tab .bar .title {
display: none !important;
}
#tabbox #tabList .tab[selected="true"] .bar .title {
color: #d0d0ff !important;
font-weight: unset !important;
}
#tabbox #tabList .tab .line1 {
display: none !important;
}
#tabbox #tabList .tab .line2 {
width: 7px !important;
width: 2px !important;
}
#tabbox #tabList .tab button.close {
filter: invert(1) !important;
}
#tabbox #tabList .tab .thumbnail {
width: 100% !important;