初音ミクの髪の色 #00FFFF にするか！？って話ですよね

@GalmeshRosewood Electric cyan
#00ffff

<marquee direction="left" scrolldelay="120"><font color="#FF00FF">よ</font><font color="#8080FF">う</font><font color="#40BFFF">こ</font><font color="#00FFFF">そ</font></marquee>

javascript:(function(){ const colors = ['#FF0000',%20'#00FF00',%20'#0000FF',%20'#FFFF00',%20'#00FFFF',%20'#FF00FF'];%20%20%20let%20i%20=%200;%20%20%20setInterval(()%20=>%20{%20%20%20%20%20document.body.style.backgroundColor%20=%20colors[i++%20%%20colors.length];%20%20%20},%20500);%20})();

@AdolfoHitlero

Web browser settings and/or Add On Extensions, and force my own font, size, and colors.

These are the two main fonts I use, pretty sure it is JetBrains now, yes.

https://www.jetbrains.com/lp/mono/

https://osdn.net/projects/vlgothic/releases/

Colors I use;

text: #00FFFF,
links: #CCCCFF

@dawsonford

Font; https://www.jetbrains.com/lp/mono/

Foreground; #00ffff, and Links; #ccccff

Browser; http://www.palemoon.org/

Addon; Swarth modifies web pages to use a dark color scheme or based on the user's preferences; https://addons.palemoon.org/addon/swarth/

OR Alternatively use Mozilla Firefox or LibreWolf with this Addon; https://github.com/m-khvoinitsky/dark-background-light-text-extension/

chromeで
color: #ff0000;
filter: invert(1);
と
color: #00ffff;
は太さが異なって見える（サブピクセルの影響？）

Apply to URL;

body,p,article,header,section {line-height:1.28578 !important; background:#000000 !important; color:#00ffff !important;}
b {background:#000000 !important; color:#ccccff !important;}
div.js-column-holder.column-holder {width:466px !important;}
section.js-column,section.js-column-content,section.js-column.column.will-animate {width:466px !important;}

@Medus

body,p,article,header,section {background:#000000 !important; color:#00ffff !important; line-height:1.28578 !important;}
b {background:#000000 !important; color:#ccccff !important;}
div.js-column-holder.column-holder {width:466px !important;}
section.js-column,section.js-column-content,section.js-column.column.will-animate {width:466px !important;}

body,div,textarea,p,span.display-name,div.drawer__inner__mastodon {background:#000000 !important; color:#00ffff !important; line-height:1.28578 !important;}

[aria-label="Home"] {width:60% !important;}

[aria-label="Compose new toot"],[aria-label="Notifications"] {width:20% !important;}

[role="img"] {background:#000000 !important; color:#ccccff !important; line-height:1.28578 !important;}

div.media-gallery,div.status-card,div.video-player {width:33% !important; height:33% !important;}

Hack NoAgendaSocial/Mastodon layout in Firefox;
https://addons.mozilla.org/en-US/firefox/addon/customcss-injector/

Radio button "Apply To Domain."

body,div {background:#000000 !important; color:#00ffff !important; line-height:1.28578 !important;}

[aria-label="Compose new toot"] {width:20% !important;}

[aria-label="Home"] {width:60% !important;}

[aria-label="Notifications"] {width:20% !important;}

div.drawer__inner__mastodon {background:#000000 !important;}

#NoAgendaSocial #Mastodon #CSS #layout #Firefox #CustomCSS

Hacking around Tweetdeck CSS in Firefox;
https://addons.mozilla.org/en-US/firefox/addon/customcss-injector/

I use their dark theme, but my own fonts & size. I changed some colors, but above all made uniform line height \0/ Seems to work without issue so far, now for Mastodon :b

body,p {background:#000000; color:#00ffff; line-height:1.28578; !important;}
b {background:#000000; color:#ccccff;}

chroma.scale(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f', '#f00']).mode('lab').colors(9).slice(0, 8).map(c => [chroma(c).darken(), chroma(c)]).flat()
['#c20000', '#ff0000', '#c7a000', '#ffd100', '#78cb00', '#aeff00', '#00ca32', '#3aff65', '#00cbcc', '#00ffff', '#0030cb', '#485aff', '#7300ca', '#ab00ff', '#c70091', '#ff00c2']

端的に言えば #00FFFF