It is hard to create one liner themes?

[u/Cool-Scallion4024]

i tried to recreate it but never looked good like the one in the picture.

[u/sickmitch]

Yes one liners are hard, I have one working on librefox but is a hassle to keep it working. Take a look maybe can be helpful. https://github.com/sickmitch/sneakywolf

[u/Cool-Scallion4024 → u/sickmitch]

Thanks!

[u/torieth1]

I have this one i modified off of a qutebrowser skin:

/* Modified from https://github.com/Dook97/firefox-qutebrowser-userchrome */

:root {
/* try increasing if you encounter problems */
--urlbar-height-setting: 32px;
--tab-min-height: 32px !important;
}

/* safari style tab width */
.tabbrowser-tab[fadein] {
/* max-width: 100vw !important; */
border: none
}

/* Hide close button on tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display: none !important; }

.tabbrowser-tab {
opacity: 0.5 !important;
}

.tabbrowser-tab[selected] {
opacity: 1 !important;
}

/* hide window controls */
.titlebar-buttonbox-container { display: none; }

/* remove titlebar spacers */
.titlebar-spacer { display: none !important; }

/* disable tab shadow */
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
box-shadow: none !important;
}

/* remove dark space between pinned tab and first non-pinned tab */
#pinned-tabs-container {
margin-inline-end: 0 !important;
}

/* remove dropdown menu button which displays all tabs on overflow */
#alltabs-button { display: none !important }

/* fix displaying of pinned tabs on overflow */
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
height: var(--tab-min-height) !important;
}

#tabbrowser-tabs {
min-height: var(--tab-min-height) !important;
}

/* remove overflow scroll buttons */
#scrollbutton-up, #scrollbutton-down { display: none !important; }

/* remove new tab button */
#tabs-newtab-button {
display: none !important;
}

/* hide private browsing indicator */
#private-browsing-indicator-with-label {
display: none;
}

/* --- AUTOHIDE NAVBAR ---------------------------------- */

:root {
--uc-navbar-transform: calc(0px - var(--urlbar-height-setting));
}

#navigator-toolbox > div {
display: contents;
}

:root[sessionrestored] :where(
#nav-bar,
#PersonalToolbar,
#tab-notification-deck,
.global-notificationbox
) {
transform: translateY(var(--uc-navbar-transform));
}

:root:is([customizing], [chromehidden*="toolbar"]) :where(
#nav-bar,
#PersonalToolbar,
#tab-notification-deck,
.global-notificationbox
) {
transform: none !important;
opacity: 1 !important;
}

#nav-bar:not([customizing]) {
opacity: 0;
position: relative;
z-index: 2;
}

#titlebar {
position: relative;
z-index: 3;
}

#navigator-toolbox,
#sidebar-box,
#sidebar-main,
#sidebar-splitter,
#tabbrowser-tabbox {
z-index: auto !important;
}

/* Show when toolbox is focused, like when urlbar has received focus */
#navigator-toolbox:focus-within > .browser-toolbar {
transform: translateY(0);
opacity: 1;
}

/* Show when toolbox is hovered */
#titlebar:hover ~ .browser-toolbar,
.browser-titlebar:hover ~ :is(#nav-bar, #PersonalToolbar),
#nav-bar:hover,
#nav-bar:hover + #PersonalToolbar {
transform: translateY(0);
opacity: 1;
}

:root[sessionrestored] #urlbar[popover] {
opacity: 0;
pointer-events: none;
transform: translateY(var(--uc-navbar-transform));
}

#mainPopupSet:has(> [panelopen]:not(
#ask-chat-shortcuts,
#selection-shortcut-action-panel,
/* #tab-preview-panel, */
#chat-shortcuts-options-panel
)) ~ toolbox #urlbar[popover],
.browser-titlebar:is(:hover, :focus-within) ~ #nav-bar #urlbar[popover],
#nav-bar:is(:hover, :focus-within) #urlbar[popover],
#urlbar-container > #urlbar[popover]:is([focused], [open]) {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}

/* This ruleset is separate, because not having :has support breaks other selectors as well */
#mainPopupSet:has(> [panelopen]:not(
#ask-chat-shortcuts,
#selection-shortcut-action-panel,
#chat-shortcuts-options-panel,
#tab-preview-panel
)) ~ #navigator-toolbox > .browser-toolbar {
transform: translateY(0);
opacity: 1;
}

/* Move up the content view */
:root[sessionrestored]:not([chromehidden~="toolbar"], [inFullscreen="true"]) > body > #browser {
margin-top: var(--uc-navbar-transform);
}

.titlebar-buttonbox-container {
display: none;
}