Add theme files and some compatbility rules
parent
0de6ebaa9a
commit
a19e10aeda
@ -0,0 +1,13 @@
|
||||
/* Color controls for theme_***.css files */
|
||||
:root{
|
||||
--uc-dark-bkgnd-color: rgb(12,16,32);
|
||||
--uc-light-bkgnd-color: rgb(46,54,69);
|
||||
--uc-active-color: rgb(26, 70, 102);
|
||||
--uc-text-color: rgb(195, 198, 201);
|
||||
--uc-border-color: rgb(43,130,191);
|
||||
}
|
||||
/* Override some default variables - stylesheet compatibility */
|
||||
:root{
|
||||
--lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
--lwt-toolbar-field-border-color: transparent !important;)
|
||||
}
|
@ -1,11 +1,6 @@
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
/* Makes popups, menus and context menus dark */
|
||||
:root{
|
||||
--uc-dark-bkgnd-color: rgb(12,16,32);
|
||||
--uc-light-bkgnd-color: rgb(46,54,69);
|
||||
--uc-active-color: rgb(26, 70, 102);
|
||||
--uc-text-color: rgb(195, 198, 201);
|
||||
--uc-border-color: rgb(43,130,191);
|
||||
}
|
||||
@import url(theme_color_variables.css);
|
||||
|
||||
.panel-arrowcontent,
|
||||
#alltabs-popup .arrowscrollbox-scrollbox,
|
@ -0,0 +1,37 @@
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
@import url(theme_color_variables.css);
|
||||
#sidebar-search-container #search-box{
|
||||
-moz-appearance:none !important;
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
border: none !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
#history-panel,
|
||||
#bookmarksPanel,
|
||||
#sidebar-header{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
border-top: none !important;
|
||||
border-bottom:none !important;
|
||||
scrollbar-color: rgb(210,210,210) var(--uc-light-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren,
|
||||
#sidebar-header{
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren::-moz-tree-cell{
|
||||
outline:none;
|
||||
border-radius:0px;
|
||||
background-image:none;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren::-moz-tree-cell(selected){
|
||||
background-color: var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
.sidebar-placesTreechildren::-moz-tree-cell(hover){
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
@ -0,0 +1,79 @@
|
||||
/*!!! IMPORT theme_color_variables.css !!!*/
|
||||
@import url(theme_color_variables.css);
|
||||
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
|
||||
#browser-bottombox,
|
||||
.browserContainer > findbar,
|
||||
.searchbar-textbox{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
.browserContainer > findbar{ background-image: none !important; }
|
||||
|
||||
#TabsToolbar,
|
||||
.searchbar-textbox,
|
||||
.findbar-textbox,
|
||||
.findbar-find-previous,
|
||||
.findbar-find-next,
|
||||
#urlbar{
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
#urlbar{ border-color: transparent !important; }
|
||||
|
||||
#urlbar[focused]{
|
||||
border-color: var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
#urlbar .urlbar-icon:hover{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs,
|
||||
.search-panel-input-value,
|
||||
.titlebar-buttonbox-container,
|
||||
.tab-close-button{
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-icon, toolbarbutton stack{ border-radius: 0px !important; }
|
||||
:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ border-radius: 10000px !important; }
|
||||
|
||||
toolbar toolbarbutton:not([disabled]):hover > .toolbarbutton-icon,
|
||||
toolbar toolbarbutton:not([disabled]):hover > stack,
|
||||
toolbar toolbarbutton[open="true"] > .toolbarbutton-icon,
|
||||
toolbar toolbarbutton[open="true"] > stack,
|
||||
toolbar toolbarbutton[checked="true"] > .toolbarbutton-icon,
|
||||
toolbar toolbarbutton[checked="true"] > stack,
|
||||
toolbar .bookmark-item:hover,
|
||||
#page-action-buttons image:hover,
|
||||
.urlbar-icon:hover,
|
||||
#TabsToolbar .scrollbutton-down:hover,
|
||||
#TabsToolbar .scrollbutton-up:hover,
|
||||
findbar toolbarbutton:not([disabled]):hover,
|
||||
findbar toolbarbutton[checked="true"]{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
box-shadow: inset 0 0 0 1px var(--uc-border-color) !important;
|
||||
}
|
||||
|
||||
/* Override some special cases */
|
||||
#TabsToolbar .scrollbutton-down > .toolbarbutton-icon,
|
||||
#TabsToolbar .scrollbutton-up > .toolbarbutton-icon,
|
||||
#downloads-indicator-anchor,
|
||||
#PersonalToolbar .bookmark-item > .toolbarbutton-icon,
|
||||
#titlebar .titlebar-button > .toolbarbutton-icon{
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.toolbarbutton-1{ fill: var(--uc-text-color) !important; }
|
||||
|
||||
.tab-line[selected]{ height: 1px !important; }
|
||||
|
||||
.tabbrowser-tab[selected] .tab-background{
|
||||
background-image: linear-gradient(var(--uc-active-color) 75%,var(--uc-light-bkgnd-color)) !important;
|
||||
box-shadow:0 3px 1px -1px white inset,
|
||||
0 10px 4px -5px var(--uc-border-color) inset,
|
||||
0 -2px 0 rgba(0,0,0,.06) inset !important;
|
||||
}
|
Loading…
Reference in New Issue