Skip to content

Instantly share code, notes, and snippets.

@g307m
Created August 2, 2020 15:18
Show Gist options
  • Save g307m/cbe0bdbb1b8e77c245c4429a8053c25e to your computer and use it in GitHub Desktop.
Save g307m/cbe0bdbb1b8e77c245c4429a8053c25e to your computer and use it in GitHub Desktop.
Simplefox Windows
:root {
--uc-bg-color: #fff;
--uc-show-new-tab-button: none;
--uc-show-tab-separators: none;
--uc-tab-separators-color: none;
--uc-tab-separators-width: none;
--uc-tab-fg-color: #000;
--uc-mg-color: #F5F6F7;
}
/* Options with pixel amounts could need to be adjusted, as this only works for my laptop's display */
#titlebar {
-moz-box-ordinal-group: 2 !important;
}
#nav-bar {
margin-left: 0vw !important;
}
#nav-bar-customization-target {
margin-left: 25px !important;
}
.titlebar-buttonbox-container {
-moz-box-ordinal-group: 1 !important;
background-color: rgb(50,50,52);
margin-top: 0px !important;
}
#TabsToolbar {
min-height: 28px !important;
}
#TabsToolbar > .toolbar-items {
margin-left: 0px !important;
}
.tabbrowser-tab:not([pinned]){
max-width: 100vw !important;
}
.tabbrowser-tab:not([fadein]),
#page-action-buttons,
.titlebar-spacer,
.tab-line,
#tracking-protection-icon-container,
#back-button,
#forward-button,
#identity-box {
display: none !important;
border: none !important;
}
#urlbar-background, .titlebar-buttonbox-container, #nav-bar, .tab-background[selected="true"]{
background: var(--uc-bg-color) !important;
border: none !important;
}
.tab-background {
background: var(--uc-mg-color) !important;
}
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
animation-name: none !important;
box-shadow: none !important;
}
#urlbar-background {
box-shadow: none !important;
}
#tabs-newtab-button {
display: var(--uc-show-new-tab-button) !important;
}
.tabbrowser-tab::after {
border-left: var(--uc-tab-separators-width) solid var(--uc-tab-separators-color) !important;
display: var(--uc-show-tab-separators) !important;
}
.tabbrowser-tab[first-visible-tab][last-visible-tab]{
background-color: var(--uc-bar-bg-color) !important;
}
.tab-close-button.close-icon {
display: none !important;
}
.tabbrowser-tab:hover .tab-close-button.close-icon {
display: block !important;
}
#urlbar-input {
text-align: center !important;
}
#urlbar-input:focus {
text-align: left !important;
}
#urlbar-container {
margin-left: 3vw !important;
}
.tab-text.tab-label {
color: var(--uc-tab-fg-color) !important;
}
#navigator-toolbox {
border-bottom: 0px solid red !important;
background: var(--uc-bg-color) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment