Lot's of awesome changes and some added scripts
This commit is contained in:
parent
ed91c15381
commit
d36ce8b8b9
23 changed files with 303 additions and 374 deletions
|
|
@ -10,6 +10,74 @@
|
|||
#urlbar-container{ min-width:unset !important }
|
||||
}
|
||||
|
||||
/* Transparent tabs */
|
||||
.toolbar-items:-moz-lwtheme-darktext,
|
||||
.toolbar-items:-moz-lwtheme-brighttext {
|
||||
background-color: transparent !important;
|
||||
-moz-appearance: var(--bf-moz-appearance) !important;
|
||||
}
|
||||
|
||||
/* Stretch Tabs */
|
||||
.tabbrowser-tab[fadein]:not([pinned]) {
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
.tab-background:-moz-lwtheme-darktext,
|
||||
.tab-background:-moz-lwtheme-brighttext {
|
||||
background: transparent !important;
|
||||
-moz-appearance: var(--bf-moz-appearance) !important;
|
||||
}
|
||||
|
||||
.tab-background[selected="true"] {
|
||||
background: var(--bf-tab-selected-bg) !important;
|
||||
}
|
||||
|
||||
.tab-background:not[visuallyselected] {
|
||||
background: var(--bf-tab-selected-bg) !important;
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
|
||||
/* Style all the lines before and after selected tab */
|
||||
.tabbrowser-tab::after,
|
||||
.tabbrowser-tab::before {
|
||||
border-width: 1px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-arrowscrollbox {
|
||||
margin-inline-start: 4px !important;
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Center all content */
|
||||
.tab-content {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: -1px;
|
||||
min-width: 100% !important;
|
||||
padding: 0 10px !important;
|
||||
}
|
||||
|
||||
/* A way to center the label and icon while
|
||||
the close button is positioned to the far right */
|
||||
.tab-content::before{
|
||||
content: "";
|
||||
display: -moz-box;
|
||||
-moz-box-flex: 1
|
||||
}
|
||||
|
||||
/* Tab close button */
|
||||
.tab-close-button {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* If tab close button is not present, don't force favicon to the center */
|
||||
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber,
|
||||
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber-fallback,
|
||||
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([busy]) .tab-icon-image,
|
||||
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([image]) .tab-label-container {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
#toolbar-menubar{ height:initial !important; }
|
||||
#toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; }
|
||||
|
|
@ -19,15 +87,6 @@
|
|||
height: calc(var(--uc-toolbar-height) - 5) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar > .titlebar-buttonbox-container,
|
||||
#TabsToolbar > .toolbar-items > spacer,
|
||||
.titlebar-spacer[type="post-tabs"]{
|
||||
display: none;
|
||||
visibility: none;
|
||||
max-height: 20px !important;
|
||||
max-width: 20px;
|
||||
}
|
||||
|
||||
#tabs-newtab-button {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
|
@ -41,6 +100,7 @@
|
|||
font-size: 13px !important;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
|
||||
#tabbrowser-tabs,
|
||||
.tabbrowser-tab[pinned]{
|
||||
|
|
|
|||
|
|
@ -1,8 +1,85 @@
|
|||
/* Color controls for theme_***.css files */
|
||||
:root{
|
||||
--uc-dark-bkgnd-color: #2b2b2b;
|
||||
--uc-light-bkgnd-color: rgb(24, 24, 24);
|
||||
--uc-active-color: rgb(59, 59, 59);
|
||||
--uc-text-color: rgb(228, 228, 228);
|
||||
--uc-border-color: rgb(172, 172, 172);
|
||||
:root {
|
||||
/* All the CSS variables here are global */
|
||||
/* These applies to all colorschemes */
|
||||
|
||||
/* If windows - `-moz-win-glass`, if macOS - `-moz-mac-vibrancy-dark` */
|
||||
|
||||
--bf-moz-appearance: -moz-win-glass !important;
|
||||
|
||||
--bf-backdrop-blur: 6px;
|
||||
|
||||
--bf-sidebar-searchbar-radius: 6px;
|
||||
|
||||
--bf-accent-bg: #9aedfeCC;
|
||||
--bf-blank-page-bg: #282a36;
|
||||
|
||||
--bf-urlbar-hightlight-bg: var(--bf-accent-bg);
|
||||
--bf-urlbar-radius: 9px;
|
||||
--bf-urlbar-results-font-size: 12pt;
|
||||
--bf-urlbar-results-font-weight: 550;
|
||||
--bf-urlbar-font-size: 12pt;
|
||||
--bf-urlbar-font-weight: 500;
|
||||
--bf-urlbar-switch-tab-color: #57c7ff;
|
||||
--bf-urlbar-bookmark-color: #5af78e;
|
||||
|
||||
--bf-navbar-padding: 6px;
|
||||
|
||||
--bf-tab-selected-bg: #34353e88;
|
||||
--bf-tab-font-size: 11pt;
|
||||
--bf-tab-font-weight: 400;
|
||||
--bf-tab-height: 36px;
|
||||
--bf-tab-border-radius: 6px;
|
||||
--bf-tab-soundplaying-bg: #ff6ac1CC;
|
||||
|
||||
/*--toolbar-bgcolor: transparent !important;
|
||||
--urlbar-separator-color: transparent !important;*/
|
||||
}
|
||||
|
||||
/* Light Mode */
|
||||
:root:-moz-lwtheme-darktext {
|
||||
--bf-main-window: transparent;
|
||||
--bf-bg: #F2F2F266;
|
||||
--bf-color: #0A0A0A;
|
||||
|
||||
--bf-hover-bg: #1A1A1A33;
|
||||
--bf-active-bg: #1A1A1A66;
|
||||
|
||||
--bf-icon-color: #0A0A0A;
|
||||
--bf-tab-toolbar-bg: #F2F2F2AA;
|
||||
--bf-tab-selected-bg: #00000022;
|
||||
--bf-navbar-bg: var(--bf-bg);
|
||||
--bf-urlbar-bg: var(--bf-bg);
|
||||
--bf-urlbar-active-bg: var(--bf-bg);
|
||||
--bf-urlbar-focused-color: var(--bf-color);
|
||||
|
||||
--bf-sidebar-bg: var(--bf-bg);
|
||||
--bf-sidebar-color: var(--bf-color);
|
||||
|
||||
--bf-menupopup-bg: #F2F2F2AA;
|
||||
--bf-menupopup-color: var(--bf-color);
|
||||
}
|
||||
|
||||
/* Dark Mode */
|
||||
:root:-moz-lwtheme-brighttext {
|
||||
--bf-main-window: transparent;
|
||||
--bf-bg: #282a3666;
|
||||
--bf-color: #e2e4e5;
|
||||
|
||||
--bf-hover-bg: #34353e33;
|
||||
--bf-active-bg: #eff0eb66;
|
||||
|
||||
--bf-icon-color: #eff0eb;
|
||||
--bf-tab-toolbar-bg: #282a36AA;
|
||||
--bf-tab-selected-bg: #e2e4e510;
|
||||
--bf-navbar-bg: var(--bf-bg);
|
||||
--bf-urlbar-bg: var(--bf-bg);
|
||||
--bf-urlbar-active-bg: var(--bf-bg);
|
||||
--bf-urlbar-focused-color: var(--bf-color);
|
||||
|
||||
--bf-sidebar-bg: var(--bf-bg);
|
||||
--bf-sidebar-color: var(--bf-color);
|
||||
|
||||
--bf-menupopup-bg: #282a36AA;
|
||||
--bf-menupopup-color: var(--bf-color);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,52 +1,9 @@
|
|||
/* Example file enabling theme + some features */
|
||||
|
||||
/* material firefox imports */
|
||||
|
||||
/* @import "global/variables.css"; */
|
||||
|
||||
/* @import "global/global.css"; */
|
||||
|
||||
/* @import "icons/icons.css"; */
|
||||
|
||||
/* @import "tabbar/tabbar.css"; */
|
||||
|
||||
/* @import "navbar/navbar.css"; */
|
||||
|
||||
/* @import "personalbar/personalbar.css"; */
|
||||
|
||||
/* @import "popup/popup.css"; */
|
||||
|
||||
/* @import "urlbar/urlbar.css"; */
|
||||
|
||||
/* @import "findbar/findbar.css"; */
|
||||
|
||||
/*@import url(chrome/theme_color_variables.css);
|
||||
@import url(chrome/theme_toolbars.css);
|
||||
@import url(chrome/theme_sidebar.css);
|
||||
@import url(chrome/theme_popups_and_menus.css);
|
||||
@import url(chrome/theme_additional_windows.css);*/
|
||||
|
||||
/* @import url(chrome/status_inside_urlbar.css); */
|
||||
|
||||
/*@import url(chrome/navigation_buttons_inside_urlbar.css);*/
|
||||
|
||||
@import url(chrome/tab_close_button_always_on_hover.css);
|
||||
|
||||
@import url(chrome/button_effect_scale_onclick.css);
|
||||
|
||||
@import url(chrome/blank_page_background.css);
|
||||
|
||||
/* @import url(chrome/navbar_tabs_oneliner.css); */
|
||||
|
||||
@import url(chrome/theme_color_variables.css);
|
||||
@import url(chrome/navbar_tabs_oneliner_tabs_on_left.css);
|
||||
|
||||
/* @import url(chrome/navbar_notabs.css); */
|
||||
|
||||
/* @import url(chrome/page_action_buttons_on_hover.css); */
|
||||
|
||||
@import url(chrome/autohide_sidebar.css);
|
||||
|
||||
@import url(chrome/menubar_in_toolbar.css);
|
||||
|
||||
@import url(chrome/hide_toolbox_top_bottom_borders.css);
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue