Skip to content

Instantly share code, notes, and snippets.

@blackle
Last active June 6, 2024 07:49
Show Gist options
  • Save blackle/9a53f6c20b2b5a160c6e04afaa29ebfc to your computer and use it in GitHub Desktop.
Save blackle/9a53f6c20b2b5a160c6e04afaa29ebfc to your computer and use it in GitHub Desktop.
win95 style firefox
* {
--blackle-bgcolor: #ACBABF;
--toolbar-bgcolor: var(--blackle-bgcolor) !important;
--lwt-accent-color: var(--blackle-bgcolor) !important;
}
.tabbrowser-tab:not([pinned]) {
min-width: 1px !important;
}
.tab-close-button {
display: none;
}
.tab-background {
margin-block: 0 !important;
box-shadow: none !important;
background: var(--blackle-bgcolor) !important;
outline: none !important;
border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9Ta0UqDnYQcchQnSyIijpqFYpQIdQKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE2cFJ0UVK/F9SaBHjwXE/3t173L0DhHqZaVbHKKDptplOJsRsbkUMv6ITIUQxBVFmljErSSn4jq97BPh6F+dZ/uf+HD1q3mJAQCSeYYZpE68TT27aBud94igrySrxOfGISRckfuS64vEb56LLAs+Mmpn0HHGUWCy2sdLGrGRqxBPEMVXTKV/Ieqxy3uKslauseU/+wkheX17iOs1BJLGARUgQoaCKDZRhI06rToqFNO0nfPwDrl8il0KuDTByzKMCDbLrB/+D391ahfExLymSAEIvjvMxBIR3gUbNcb6PHadxAgSfgSu95a/UgelP0mstLXYE9G4DF9ctTdkDLneA/idDNmVXCtIUCgXg/Yy+KQf03QLdq15vzX2cPgAZ6ip1AxwcAsNFyl7zeXdXe2//nmn29wOa5XK3HJtnLgAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+gGBRUHAjX/oK0AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAALklEQVQI12P8////IwY0wMjIKMuARaKGgYHhPxMDDoBTggVJO6o9DAwM/7HpAADpsArfexExygAAAABJRU5ErkJggg==') 2 / 2px !important;
}
.tab-background[selected] {
border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9Ta0UqDnYQcchQnSyIijpqFYpQIdQKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE2cFJ0UVK/F9SaBHjwXE/3t173L0DhHqZaVbHKKDptplOJsRsbkUMv6ITIUQxBVFmljErSSn4jq97BPh6F+dZ/uf+HD1q3mJAQCSeYYZpE68TT27aBud94igrySrxOfGISRckfuS64vEb56LLAs+Mmpn0HHGUWCy2sdLGrGRqxBPEMVXTKV/Ieqxy3uKslauseU/+wkheX17iOs1BJLGARUgQoaCKDZRhI06rToqFNO0nfPwDrl8il0KuDTByzKMCDbLrB/+D391ahfExLymSAEIvjvMxBIR3gUbNcb6PHadxAgSfgSu95a/UgelP0mstLXYE9G4DF9ctTdkDLneA/idDNmVXCtIUCgXg/Yy+KQf03QLdq15vzX2cPgAZ6ip1AxwcAsNFyl7zeXdXe2//nmn29wOa5XK3HJtnLgAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+gGBRUGIheKsSQAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAALklEQVQI12NkYGD4z4AFsEDpWmTB////pzFAddSgSTxiYsABcEowQnT+f4wuAQBAKg8jRlelXAAAAABJRU5ErkJggg==') 2 / 2px !important;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 0px !important;
}
.tabbrowser-tab {
padding: 0 !important;
margin-inline-start: 0 !important;
}
toolbox toolbarbutton {
background: var(--blackle-bgcolor) !important;
margin-inline: 0px !important;
}
toolbox toolbarbutton:not([disabled="true"]):hover {
border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9Ta0UqDnYQcchQnSyIijpqFYpQIdQKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE2cFJ0UVK/F9SaBHjwXE/3t173L0DhHqZaVbHKKDptplOJsRsbkUMv6ITIUQxBVFmljErSSn4jq97BPh6F+dZ/uf+HD1q3mJAQCSeYYZpE68TT27aBud94igrySrxOfGISRckfuS64vEb56LLAs+Mmpn0HHGUWCy2sdLGrGRqxBPEMVXTKV/Ieqxy3uKslauseU/+wkheX17iOs1BJLGARUgQoaCKDZRhI06rToqFNO0nfPwDrl8il0KuDTByzKMCDbLrB/+D391ahfExLymSAEIvjvMxBIR3gUbNcb6PHadxAgSfgSu95a/UgelP0mstLXYE9G4DF9ctTdkDLneA/idDNmVXCtIUCgXg/Yy+KQf03QLdq15vzX2cPgAZ6ip1AxwcAsNFyl7zeXdXe2//nmn29wOa5XK3HJtnLgAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+gGBRUHAjX/oK0AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAALklEQVQI12P8////IwY0wMjIKMuARaKGgYHhPxMDDoBTggVJO6o9DAwM/7HpAADpsArfexExygAAAABJRU5ErkJggg==') 2 / 2px !important;
}
#personal-toolbar-empty-description, toolbarbutton.bookmark-item:not(.subviewbutton) {
margin: 0px !important;
padding: 3px 6px !important;
}
toolbox toolbarbutton > * {
background: transparent !important;
}
toolbox toolbarbutton:not([disabled="true"]):active {
background: var(--blackle-bgcolor) !important;
border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9Ta0UqDnYQcchQnSyIijpqFYpQIdQKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE2cFJ0UVK/F9SaBHjwXE/3t173L0DhHqZaVbHKKDptplOJsRsbkUMv6ITIUQxBVFmljErSSn4jq97BPh6F+dZ/uf+HD1q3mJAQCSeYYZpE68TT27aBud94igrySrxOfGISRckfuS64vEb56LLAs+Mmpn0HHGUWCy2sdLGrGRqxBPEMVXTKV/Ieqxy3uKslauseU/+wkheX17iOs1BJLGARUgQoaCKDZRhI06rToqFNO0nfPwDrl8il0KuDTByzKMCDbLrB/+D391ahfExLymSAEIvjvMxBIR3gUbNcb6PHadxAgSfgSu95a/UgelP0mstLXYE9G4DF9ctTdkDLneA/idDNmVXCtIUCgXg/Yy+KQf03QLdq15vzX2cPgAZ6ip1AxwcAsNFyl7zeXdXe2//nmn29wOa5XK3HJtnLgAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+gGBRUGIheKsSQAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAALklEQVQI12NkYGD4z4AFsEDpWmTB////pzFAddSgSTxiYsABcEowQnT+f4wuAQBAKg8jRlelXAAAAABJRU5ErkJggg==') 2 / 2px !important;
}
#urlbar-background {
border-radius: 0px !important;
border: 1px solid #7d7d7d !important;
}
#urlbar-input-container {
border-radius: 0px !important;
}
#PersonalToolbar {
padding-inline: 0px !important;
}
#navigator-toolbox {
border-bottom: none !important;
}
#TabsToolbar {
--toolbarbutton-inner-padding: 0px !important;
}
#nav-bar:not([tabs-hidden="true"]) {
box-shadow: none !important;
}
#TabsToolbar toolbarbutton {
margin: 0 0 0 !important;
min-width: 30px !important;
min-height: 30px !important;
}
#TabsToolbar tab {
height: 30px !important;
}
toolbar .toolbaritem-combined-buttons {
margin: 0 !important;
}
toolbaritem {
padding-inline-end: 0px !important;
padding-inline-start: 0px !important;
}
toolbarbutton {
padding-inline-end: 3px !important;
padding-inline-start: 3px !important;
}
#nav-bar-customization-target toolbarbutton {
min-height: 34px !important;
}
#tabbrowser-tabs:not([overflow="true"])[using-closing-tabs-spacer] ~ #alltabs-button {
display: none !important;
}
/* hide webrtc */
#webrtcIndicator {
display: none;
}
.tab-icon-overlay[soundplaying="true"], .tab-icon-overlay[soundplaying=""], .tab-icon-overlay[sharing="microphone"] {
pointer-events: none !important;
}
.tab-icon-stack[activemedia-blocked] > :not(.tab-icon-overlay) {
opacity: 1 !important;
}
.tab-icon-overlay[indicator-replaces-favicon][activemedia-blocked] {
display: none;
}
#alltabs-button {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment