Skip to content

Instantly share code, notes, and snippets.

@Pickles888
Created February 1, 2024 18:17
Show Gist options
  • Save Pickles888/6735b7f4623ccdfb159cc532d0743bcb to your computer and use it in GitHub Desktop.
Save Pickles888/6735b7f4623ccdfb159cc532d0743bcb to your computer and use it in GitHub Desktop.
My firefoxcss as of 2/1/24
/*===KeyFox by AlfarexGuy2019===*/
/*====Modded by Pickles888====*/
/*===COLORS===*/
:root {
--accent-color: 45, 45, 45;
--tab-color: 240, 240, 244;
--tab-text-color: 255, 255, 255;
--secondary-accent-color: 127,127,127;
--second-tab-text-color: 127,127,127;
--third-accent-color: 235, 219, 178;
--light-color: 255, 255, 255;
--dark-color: #fffaf3;
--url-back: 249, 249, 251;
--caption-min-color: 215, 153, 33;
--caption-max-color: 69, 133, 136;
--caption-close-color: 177, 98, 134;
}
#navigator-toolbox {
margin-top: -45px;
transition: margin-top 0.5s;
}
#navigator-toolbox:hover, #navigator-toolbox:focus-within {
margin-top: 0px;
transition: margin-top 0.5s;
}
/* Hide that 1px border to make the background
* between tab and a normal web page looks "seamless"
*/
#navigator-toolbox:not(:hover) {
border-bottom: none !important;
}
/* MIN MAX CLOSE Remove */
#TabsToolbar > .titlebar-buttonbox-container {
visibility: collapse !important;}
// #TabsToolbar { visibility: collapse !important; }
/*Basic Settings*/
:root {
--navbarWidth : 40vw; /* Set width of navbar. Use px for a fixed width
or vw for a percentage of your window. */
--animationSpeed : 0.5s;
}
#TabsToolbar {
margin-left : var(--navbarWidth) !important;
}
#nav-bar {
margin-right: calc(100vw - var(--navbarWidth)) !important;
transition width 0.7s;
}
#urlbar-container {
min-width : 0px !important;
}
:root[uidensity="compact"] #nav-bar {
margin-top : -37px !important;
height : 37px !important;
}
:root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar {
margin-top : -44px !important;
height : 44px !important;
}
:root[uidensity="touch"] #nav-bar {
margin-top : -49px !important;
height : 49px !important;
}
/* Back Hide */
#back-button {
display: none !important
}
.tab-line {
display: none !important;
}
.tab-close-button { display: none !important; }
/* Forward Hide */
#forward-button {
display: none !important
}
#nav-bar textbox {
max-width: 300px !important;
transition width 0.7s;
}
#unified-extensions-button{
display: none !important
}
#alltabs-button {
display: none !important;
}
/* Site information button */
#identity-box { display: none !important }
/* "Shield" icon */
#tracking-protection-icon-container { display: none !important }
/* Simplifying interface */
#nav-bar {
background : none !important;
box-shadow : none !important;
}
#navigator-toolbox {
border : none !important;
}
.titlebar-spacer {
display : none !important;
}
#urlbar-background {
border : none !important;
}
#urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background {
box-shadow : none !important;
background : none !important;
}
/* Element Hiding stuff */
.urlbar-icon, #userContext-indicator, #userContext-label {
fill : transparent !important;
background : transparent !important;
color : transparent !important;
}
#PanelUI-menu-button {
display : none !important;
}
#urlbar:hover .urlbar-icon,
#urlbar:active .urlbar-icon,
#urlbar[focused] .urlbar-icon {
fill : var(--toolbar-color) !important;
}
/*================== TABS BAR ==================*/
#titlebar #TabsToolbar {
background: var(--dark-color) !important;
}
#PersonalToolbar {
background: var(--dark-color) !important;
color: var(--light-color) 1) !important;
padding-bottom: 6px !important;
padding-top: 1px !important;
}
toolbar#nav-bar {
background: var(--dark-color) !important;
box-shadow: none !important;
padding-bottom: 4px !important;
}
/*================ DARK THEME ================*/
:root:-moz-lwtheme-brighttext,
.sidebar-panel[lwt-sidebar-brighttext],
body[lwt-sidebar-brighttext] {
--main-bgcolor: var(#fffaf3);
--transparent-bgcolor: var(#fffaf3);
}
tab[selected="true"] .tab-content {
color: var(#575279) !important;
}
tab[selected="true"] .tab-background {
background: var(#f2e9e1) !important;
}
.tabbrowser-tab>.tab-stack>.tab-background:not([selected="true"]) {
transition: all 0.3s ease !important;
}
.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"]) {
background-color: rgba(var(#f2e9e1), 0.7) !important;
}
.tab-line {
height: 0px !important;
}
.tabbrowser-tab {
margin-right: 5px !important;
}
.tabbrowser-tab:not([visuallyselected="true"]),
.tabbrowser-tab:-moz-lwtheme {
color: rgba(var(#9893a5), 1) !important;
}
tab[selected="true"] .tab-content {
color: var(#575279) !important;
}
tab[selected="true"] .tab-background {
background: var(#f2e9e1) !important;
}
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-left: 0 !important;
opacity: 0 !important;
}
.tab-close-button {
transition: all 0.3s ease !important;
border-radius: 4px !important;
}
.tabbrowser-tab .tab-label { color: var(--uc-inverted-colour) !important; }
.tab-close-button { fill: var(--uc-inverted-colour) !important }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment