... | ... | @@ -15,12 +15,10 @@ This theme assumes that you use Firefox 57+ with Dark theme, Compact density and |
|
|
```css
|
|
|
/* Plasma 5's Breeze */
|
|
|
body.dark-theme {
|
|
|
--tab-background-normal: hsl(210, 9.289%, 21.045%);
|
|
|
--tab-background-pinned: hsl(210, 9.289%, 21.045%);
|
|
|
--tab-background-active: hsl(221, 41.4%, 53.1%);
|
|
|
--tab-background-hover: hsl(222, 28.3%, 35.55%);
|
|
|
--tab-border-color: hsla(0, 0%, 0%, 0.06);
|
|
|
--menu-background: hsl(210, 9.289%, 21.045%);
|
|
|
--background: hsl(210, 9.289%, 21.045%);
|
|
|
--tab-active-background: hsl(221, 41.4%, 53.1%);
|
|
|
--tab-separator: hsla(0, 0%, 0%, 0.06);
|
|
|
--toolbar-background: hsl(210, 9.289%, 21.045%);
|
|
|
}
|
|
|
#pinnedtablist {
|
|
|
box-shadow: 0px 1px 0px hsla(0, 0%, 0%, 0.2);
|
... | ... | @@ -77,14 +75,14 @@ body.dark-theme .tab:not(.active) .tab-loading-burst.bursting::before { |
|
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
|
|
#main-window {
|
|
|
--toolbar-bgcolor: #31363b !important;
|
|
|
--toolbar-background: #31363b !important;
|
|
|
}
|
|
|
|
|
|
#tabbrowser-tabs {
|
|
|
visibility: collapse !important;
|
|
|
}
|
|
|
|
|
|
#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] {
|
|
|
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] {
|
|
|
overflow: hidden;
|
|
|
min-width: 32px;
|
|
|
max-width: 32px;
|
... | ... | @@ -95,17 +93,17 @@ body.dark-theme .tab:not(.active) .tab-loading-burst.bursting::before { |
|
|
z-index: 2;
|
|
|
}
|
|
|
|
|
|
#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"]:hover,
|
|
|
#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] #sidebar {
|
|
|
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"]:hover,
|
|
|
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] #sidebar {
|
|
|
min-width: 260px !important;
|
|
|
max-width: 260px !important;
|
|
|
}
|
|
|
|
|
|
#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] #sidebar-header, #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] ~ #sidebar-splitter {
|
|
|
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] #sidebar-header, #sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] ~ #sidebar-splitter {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] #sidebar-header {
|
|
|
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] #sidebar-header {
|
|
|
background-color: #31363b;
|
|
|
border-bottom: none;
|
|
|
}
|
... | ... | @@ -119,11 +117,11 @@ body.dark-theme .tab:not(.active) .tab-loading-burst.bursting::before { |
|
|
* I don't have bookmarks bar enabled, and sidebar header is hidden with
|
|
|
* CSS above, so this is all I need to do.
|
|
|
*/
|
|
|
#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] #sidebar {
|
|
|
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] #sidebar {
|
|
|
height: calc(100vh - 36px);
|
|
|
}
|
|
|
|
|
|
#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"]:not([hidden="true"]) ~ #sidebar-splitter ~ #appcontent {
|
|
|
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"]:not([hidden="true"]) ~ #sidebar-splitter ~ #appcontent {
|
|
|
margin-left: 32px;
|
|
|
}
|
|
|
|
... | ... | @@ -140,7 +138,7 @@ body.dark-theme .tab:not(.active) .tab-loading-burst.bursting::before { |
|
|
#main-window[inFullscreen][inDOMFullscreen] #tabbrowser-tabs {
|
|
|
visibility: collapse !important;
|
|
|
}
|
|
|
#main-window[inFullscreen] #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] {
|
|
|
#main-window[inFullscreen] #sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] {
|
|
|
display: none !important;
|
|
|
}
|
|
|
#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar), .browserContainer > findbar, #browser-bottombox, #toolbar-menubar {
|
... | ... | @@ -291,7 +289,7 @@ Tab Center Redux >> Settings >> Compact Mode : Always |
|
|
{
|
|
|
-moz-box-ordinal-group: 2 !important;
|
|
|
}
|
|
|
#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] #sidebar-header
|
|
|
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] #sidebar-header
|
|
|
{
|
|
|
visibility: collapse;
|
|
|
}
|
... | ... | |