Skip to content

Instantly share code, notes, and snippets.

@bomberfish
Last active September 19, 2025 01:27
Show Gist options
  • Save bomberfish/c84ff1f909d75892483d303ad596fac0 to your computer and use it in GitHub Desktop.
Save bomberfish/c84ff1f909d75892483d303ad596fac0 to your computer and use it in GitHub Desktop.
never let me in the kitchen again. press "raw" to install it into your userstyle loader extension
/* ==UserStyle==
@name liquid arse
@namespace github.com/openstyles/stylus
@version 1.0.0
@description one day i will atone for my sins
@author bomberfish
==/UserStyle== */
@-moz-document domain("puter.com") {
:root {
--glass: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox"><feTurbulence type="fractalNoise" baseFrequency="0.01 0.01" numOctaves="1" seed="5" result="turbulence"/><feComponentTransfer in="turbulence" result="mapped"><feFuncR type="gamma" amplitude="1" exponent="10" offset="0.5"/><feFuncG type="gamma" amplitude="0" exponent="1" offset="0"/><feFuncB type="gamma" amplitude="0" exponent="1" offset="0.5"/></feComponentTransfer><feGaussianBlur in="turbulence" stdDeviation="3" result="softMap"/><feSpecularLighting in="softMap" surfaceScale="5" specularConstant="1" specularExponent="100" lighting-color="white" result="specLight"><fePointLight x="-200" y="-200" z="300"/></feSpecularLighting><feComposite in="specLight" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" result="litImage"/><feDisplacementMap in="SourceGraphic" in2="softMap" scale="150" xChannelSelector="R" yChannelSelector="G"/></filter></svg>#glass-distortion');
--taskbar-alpha: 0.3;
--window-sidebar-alpha: 0.8;
--window-head-alpha: 0.9;
accent-color: var(--select-color);
}
.taskbar {
backdrop-filter: blur(3px) saturate(175%) var(--glass);
}
.toolbar {
backdrop-filter: blur(8px) saturate(125%) var(--glass);
background: #0009;
border: 0;
box-shadow: inset 0 0 0 .5px rgba(255,255,255,.2),0 0 0 .5px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.2);
}
.window-head .window-sidebar {
backdrop-filter: blur(8px) saturate(125%) var(--glass);
}
.context-menu {
backdrop-filter: blur(8px) saturate(125%) var(--glass);
background: hsla(var(--window-sidebar-hue),var(--window-sidebar-saturation),var(--window-sidebar-lightness),var(--window-sidebar-alpha));
color: var(--window-head-color);
border: 0;
box-shadow: inset 0 0 0 .5px rgba(255,255,255,.2),0 0 0 .5px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.2);
border-radius: 0.5rem;
}
.context-menu .context-menu-item-disabled, .context-menu .context-menu-item-disabled:hover {
opacity: 0.5;
color: var(--window-head-color);
}
.popover,
.popover:not(.device-phone .popover) {
backdrop-filter: blur(18px) saturate(135%);
background-color: hsla(var(--taskbar-hue), var(--taskbar-saturation), var(--taskbar-lightness), 0.3);
}
.popover:not(.device-phone .popover, :has(.launch-popover)) {
backdrop-filter: blur(12px) saturate(135%) var(--glass);
background-color: hsla(var(--taskbar-hue), var(--taskbar-saturation), var(--taskbar-lightness), 0.25);
}
.launch-popover {
background: transparent;
border: 0;
box-shadow: inset 0 0 0 .5px rgba(255,255,255,.2),0 0 0 .5px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.2);
}
.taskbar.taskbar-position-bottom .taskbar-item[data-app=separator] .taskbar-icon::after {
background-color: #dededeaa;
}
.context-menu .context-menu-divider > hr {
border-top-color: #dededeaa;
}
.launch-search-wrapper {
background: none;
}
.start-app-title {
color: white;
}
.window-snap-placeholder {
backdrop-filter: blur(16px) saturate(150%);
}
.window-snap-placeholder-inner {
background: #0004;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment