Skip to content

Instantly share code, notes, and snippets.

@a70ker
a70ker / bottom.css
Created March 2, 2021 14:24
This is a bottom and facing style for Discord StreamKit Overlay
/* Width x Height 844x75 */
/* This is size of a Browser Source in OBS */
/*** Images ***/
:root {
/* Declare images */
--black: url('data:image/png;base64, BASE64_CODE_HERE_BLACK');
--blue: url('data:image/png;base64, BASE64_CODE_HERE_BLUE');
/* omitted */
}
@a70ker
a70ker / huge.css
Last active March 2, 2021 14:34
This is a huge style for Discord StreamKit Overlay
/*** Images ***/
:root {
/* Declare images */
--black: url('data:image/png;base64, BASE64_CODE_HERE_BLACK');
--blue: url('data:image/png;base64, BASE64_CODE_HERE_BLUE');
/* omitted */
}
/*** User ***/
/* me */
li.voice-state[data-reactid$="166106359283187713"] img.avatar { content: var(--black);}
@a70ker
a70ker / amongus.css
Last active March 1, 2021 12:49
AmongUs custom CSS with BASE64
:root {
--black: url('data:image/png;base64, BASE64_CODE_HERE_BLACK');
--blue: url('data:image/png;base64, BASE64_CODE_HERE_BLUE');
/* Omitted */
--white: url('data:image/png;base64, BASE64_CODE_HERE_WHITE');
--yellow: url('data:image/png;base64, BASE64_CODE_HERE_YELLOW');
}
li.voice-state[data-reactid$="USER_A"] img.avatar {
content: var(--black);
@a70ker
a70ker / simple.css
Last active March 2, 2021 14:40
CSS for Discord Overlay Streamkit with OBS
:root {
--you: url('data:image/png;base64, BASE64_CODE_HERE_BRUHBRUHBRUH');
}
li.voice-state[data-reactid$="YOUR_USER_ID"] img.avatar { content: var(--you); }