91 lines
1.8 KiB
CSS
91 lines
1.8 KiB
CSS
/* General UI customizations */
|
|
|
|
:root {
|
|
--uc-toolbar-height: 35px;
|
|
}
|
|
|
|
:root:not([sizemode="fullscreen"]) {
|
|
--uc-window-control-width: 65px;
|
|
}
|
|
|
|
.titlebar-buttonbox,
|
|
#window-controls {
|
|
color: var(--toolbar-color);
|
|
}
|
|
|
|
:root[sizemode="fullscreen"] .titlebar-buttonbox-container {
|
|
display: none
|
|
}
|
|
|
|
:root[sizemode="fullscreen"] #navigator-toolbox {
|
|
position: relative;
|
|
}
|
|
|
|
:root[sizemode="fullscreen"] #TabsToolbar>.titlebar-buttonbox-container:last-child,
|
|
:root[sizemode="fullscreen"] #window-controls {
|
|
position: absolute;
|
|
display: flex;
|
|
top: 0;
|
|
right: 0;
|
|
height: 40px;
|
|
}
|
|
|
|
:root[sizemode="fullscreen"] #TabsToolbar>.titlebar-buttonbox-container:last-child,
|
|
:root[uidensity="compact"][sizemode="fullscreen"] #window-controls {
|
|
height: 32px
|
|
}
|
|
|
|
:root #nav-bar {
|
|
border-inline: 0 solid transparent;
|
|
border-inline-style: solid !important;
|
|
border-right-width: calc(var(--uc-window-control-width, 0px));
|
|
border-inline-width: var(--uc-window-control-width, 0px) 0px;
|
|
background-clip: border-box !important;
|
|
}
|
|
|
|
#TabsToolbar>* {
|
|
visibility: collapse !important
|
|
}
|
|
|
|
:root[sizemode="fullscreen"] #TabsToolbar>#window-controls {
|
|
visibility: visible !important;
|
|
z-index: 2
|
|
}
|
|
|
|
#TabsToolbar>.titlebar-buttonbox-container {
|
|
visibility: visible !important;
|
|
height: var(--uc-toolbar-height) !important;
|
|
}
|
|
|
|
#nav-bar {
|
|
margin-top: calc(0px - var(--uc-toolbar-height));
|
|
}
|
|
|
|
:root[inFullscreen] #navigator-toolbox {
|
|
margin-top: 15px
|
|
}
|
|
|
|
#sidebar-header {
|
|
display: none;
|
|
}
|
|
|
|
#sidebar-splitter {
|
|
--sidebar-border-color: var(--chrome-content-separator-color);
|
|
}
|
|
|
|
#navigator-toolbox {
|
|
--toolbarbutton-hover-background: hsla(0, 0%, 70%, 0.15);
|
|
}
|
|
|
|
#urlbar-background {
|
|
--toolbar-field-focus-border-color: #c44aa0; /* orig: #a86595 */
|
|
}
|
|
|
|
#tracking-protection-icon-container {
|
|
display: none;
|
|
}
|
|
|
|
* {
|
|
font-family: system-ui;
|
|
}
|