Skip to content

Twitch Colored by 4kkemi

Details

Author4kkemi

LicenseNo License

Categorytwitch.tv

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Its required to have night mode
To change the color, just click on the style gear and configure the colors you want

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Twitch Colored
@namespace      github.com/4kkemi
@version        1.0.0
@description    Its required to have night mode
To change the color, just click on the style gear and configure the colors you want
@author         4kkemi

@advanced color cor3 "Cor Principal" #FF0046
@advanced color cor5 "Cor Escura" #1A0007
@advanced color cor4 "Segunda Cor Escura" #4D0014
@advanced color cor1 "Cor Clara" #FF96C3
@advanced color cor2 "Segunda Cor Clara" #FF5591
@advanced color branco "Substituto do Branco" #fff

==/UserStyle== */

@-moz-document domain("twitch.tv") {
    .tw-root--theme-dark body {
    background-color: /*[[cor5]]*/;
}
    body {
    color: /*[[branco]]*/;
}
    :root {
    --color-brand-muted-ice: #d6e4ff;
    --color-brand-muted-cupcake: #ffa3ee;
    --color-brand-muted-mint: #5cffbe;
    --color-brand-muted-sky: #7aa7ff;
    --color-brand-muted-blush: #ffcdcc;
    --color-brand-muted-canary: #ebeb00;
    --color-brand-muted-smoke: #d3d3d9;
    --color-brand-muted-lavender: #d1b3ff;
    --color-brand-muted-mustard: #ffd37a;
    --color-brand-muted-emerald: #00f593;
    --color-brand-muted-coral: #ff8280;
    --color-brand-muted-ocean: #1345aa;
    --color-brand-accent-grape: #5c16c5;
    --color-brand-accent-dragonfruit: #ff38db;
    --color-brand-accent-carrot: #e69900;
    --color-brand-accent-sun: #ebeb00;
    --color-brand-accent-lime: #00f593;
    --color-brand-accent-turquoise: #00f0f0;
    --color-brand-accent-eggplant: #451093;
    --color-brand-accent-wine: #ae1392;
    --color-brand-accent-slime: #00f593;
    --color-brand-accent-seafoam: #5cffbe;
    --color-brand-accent-cherry: #eb0400;
    --color-brand-accent-marine: #1f69ff;
    --color-brand-accent-seaweed: #00a3a3;
    --color-brand-accent-pebble: #848494;
    --color-brand-accent-moon: #efeff1;
    --color-brand-accent-fiji: #5cffbe;
    --color-brand-accent-blueberry: #1f69ff;
    --color-brand-accent-arctic: #00f0f0;
    --color-brand-accent-highlighter: #f5f500;
    --color-brand-accent-flamingo: #ff38db;
    --color-brand-accent-ruby: #eb0400;
    --color-brand-accent-punch: #ffcdcc;
    --color-brand-accent-creamsicle: #ffd37a;
    --color-white: /*[[branco]]*/;
    --color-black: #000;
    --color-red: #e91916;
    --color-red-darker: #bb1411;
    --color-orange: #ffd37a;
    --color-yellow: #ffd37a;
    --color-green: #00f593;
    --color-green-darker: #00ad96;
    --color-blue: #1f69ff;
    --color-prime-blue: #0e9bd8;
    --color-magenta: #c53dff;
    --color-error: #eb0400;
    --color-warn: #ffd37a;
    --color-success: #00f593;
    --color-info: #1f69ff;
    --color-accent: /*[[cor3]]*/;
    --color-twitch-purple: /*[[cor3]]*/;
    --color-twitch-purple-1: /*[[cor4]]*/;
    --color-twitch-purple-2: /*[[cor4]]*/;
    --color-twitch-purple-3: /*[[cor4]]*/;
    --color-twitch-purple-4: /*[[cor4]]*/;
    --color-twitch-purple-5: /*[[cor3]]*/;
    --color-twitch-purple-6: /*[[cor3]]*/;
    --color-twitch-purple-7: /*[[cor2]]*/;
    --color-twitch-purple-8: /*[[cor3]]*/;
    --color-twitch-purple-9: /*[[cor2]]*/;
    --color-twitch-purple-10: /*[[cor1]]*/;
    --color-twitch-purple-11: /*[[cor1]]*/;
    --color-twitch-purple-12: /*[[cor1]]*/;
    --color-twitch-purple-13: /*[[cor1]]*/;
    --color-twitch-purple-14: /*[[branco]]*/;
    --color-twitch-purple-15: /*[[branco]]*/;
    --color-hinted-grey-1: /*[[cor5]]*/;
    --color-hinted-grey-2: /*[[cor4]]*/;
    --color-hinted-grey-3: /*[[cor4]]*/;
    --color-hinted-grey-4: /*[[cor4]]*/;
    --color-hinted-grey-5: /*[[cor4]]*/;
    --color-hinted-grey-6: /*[[cor4]]*/;
    --color-hinted-grey-7: /*[[cor4]]*/;
    --color-hinted-grey-8: /*[[cor4]]*/;
    --color-hinted-grey-9: /*[[cor1]]*/;
    --color-hinted-grey-10: /*[[cor1]]*/;
    --color-hinted-grey-11: /*[[cor1]]*/;
    --color-hinted-grey-12: /*[[cor1]]*/;
    --color-hinted-grey-13: /*[[cor1]]*/;
    --color-hinted-grey-14: /*[[branco]]*/;
    --color-hinted-grey-15: /*[[branco]]*/;
    --color-transparent: transparent;
    --color-opac-b-1: rgba(0,0,0,.05);
    --color-opac-b-2: rgba(0,0,0,.08);
    --color-opac-b-3: rgba(0,0,0,.13);
    --color-opac-b-4: rgba(0,0,0,.16);
    --color-opac-b-5: rgba(0,0,0,.22);
    --color-opac-b-6: rgba(0,0,0,.28);
    --color-opac-b-7: rgba(0,0,0,.4);
    --color-opac-b-8: rgba(0,0,0,.5);
    --color-opac-b-9: rgba(0,0,0,.6);
    --color-opac-b-10: rgba(0,0,0,.7);
    --color-opac-b-11: rgba(0,0,0,.75);
    --color-opac-b-12: rgba(0,0,0,.8);
    --color-opac-b-13: rgba(0,0,0,.85);
    --color-opac-b-14: rgba(0,0,0,.9);
    --color-opac-b-15: rgba(0,0,0,.95);
    --color-opac-gd-1: /*[[cor3]]*/;
    --color-opac-gd-2: /*[[cor2]]*/;
    --color-opac-gd-3: #53535f8c;
    --color-opac-gd-4: #3232399e;
    --color-opac-gd-5: #323239f2;
    --color-opac-gl-1: hsla(240,7%,70%,.22);
    --color-opac-gl-2: hsla(240,7%,70%,.35);
    --color-opac-gl-3: hsla(240,7%,70%,.43);
    --color-opac-gl-4: hsla(240,8%,88%,.4);
    --color-opac-gl-5: hsla(240,8%,88%,.95);
    --color-opac-w-1: hsla(0,0%,100%,.05);
    --color-opac-w-2: hsla(0,0%,100%,.08);
    --color-opac-w-3: hsla(0,0%,100%,.13);
    --color-opac-w-4: hsla(0,0%,100%,.16);
    --color-opac-w-5: hsla(0,0%,100%,.22);
    --color-opac-w-6: hsla(0,0%,100%,.28);
    --color-opac-w-7: hsla(0,0%,100%,.4);
    --color-opac-w-8: hsla(0,0%,100%,.5);
    --color-opac-w-9: hsla(0,0%,100%,.6);
    --color-opac-w-10: hsla(0,0%,100%,.7);
    --color-opac-w-11: hsla(0,0%,100%,.75);
    --color-opac-w-12: hsla(0,0%,100%,.8);
    --color-opac-w-13: hsla(0,0%,100%,.85);
    --color-opac-w-14: hsla(0,0%,100%,.9);
    --color-opac-w-15: hsla(0,0%,100%,.95);
    --color-opac-p-1: rgba(92,22,197,.05);
    --color-opac-p-2: rgba(92,22,197,.1);
    --color-opac-p-3: rgba(92,22,197,.15);
    --color-opac-p-4: rgba(92,22,197,.2);
    --color-opac-p-5: rgba(92,22,197,.25);
    --color-opac-p-6: rgba(92,22,197,.3);
    --color-opac-p-7: rgba(92,22,197,.4);
    --color-opac-p-8: rgba(92,22,197,.5);
    --color-opac-p-9: rgba(92,22,197,.6);
    --color-opac-p-10: rgba(92,22,197,.7);
    --color-opac-p-11: rgba(92,22,197,.75);
    --color-opac-p-12: rgba(92,22,197,.8);
    --color-opac-p-13: rgba(92,22,197,.85);
    --color-opac-p-14: rgba(92,22,197,.9);
    --color-opac-p-15: rgba(92,22,197,.95);
    --color-orange-1: #050301;
    --color-orange-2: #090601;
    --color-orange-3: #120d02;
    --color-orange-4: #251a04;
    --color-orange-5: #372706;
    --color-orange-6: #453008;
    --color-orange-7: #65470b;
    --color-orange-8: #7c570e;
    --color-orange-9: #9e6900;
    --color-orange-10: #c28100;
    --color-orange-11: #e69900;
    --color-orange-12: #ffb31a;
    --color-orange-13: #ffd37a;
    --color-orange-14: #ffdf9e;
    --color-orange-15: #ffebc2;
    --color-yellow-1: #050501;
    --color-yellow-2: #090901;
    --color-yellow-3: #0e0e02;
    --color-yellow-4: #1c1c03;
    --color-yellow-5: #292905;
    --color-yellow-6: #373706;
    --color-yellow-7: #4e4e09;
    --color-yellow-8: #60600b;
    --color-yellow-9: #7a7a00;
    --color-yellow-10: #949400;
    --color-yellow-11: #adad00;
    --color-yellow-12: #c7c700;
    --color-yellow-13: #e0e000;
    --color-yellow-14: #ebeb00;
    --color-yellow-15: #f5f500;
    --color-green-1: #010503;
    --color-green-2: #010906;
    --color-green-3: #02120c;
    --color-green-4: #042015;
    --color-green-5: #063221;
    --color-green-6: #074029;
    --color-green-7: #0a5738;
    --color-green-8: #016b40;
    --color-green-9: #018852;
    --color-green-10: #00a865;
    --color-green-11: #00c274;
    --color-green-12: #00db84;
    --color-green-13: #00f593;
    --color-green-14: #5cffbe;
    --color-green-15: #a8ffdc;
    --color-cyan-1: #010505;
    --color-cyan-2: #010909;
    --color-cyan-3: #021212;
    --color-cyan-4: #042020;
    --color-cyan-5: #052e2e;
    --color-cyan-6: #073c3c;
    --color-cyan-7: #095353;
    --color-cyan-8: #0c6a6a;
    --color-cyan-9: #018383;
    --color-cyan-10: #00a3a3;
    --color-cyan-11: #00b8b8;
    --color-cyan-12: #00d6d6;
    --color-cyan-13: #00f0f0;
    --color-cyan-14: #2effff;
    --color-cyan-15: #94ffff;
    --color-blue-1: #010205;
    --color-blue-2: #020712;
    --color-blue-3: #040d20;
    --color-blue-4: #071a40;
    --color-blue-5: #0a255c;
    --color-blue-6: #0d3177;
    --color-blue-7: #1345aa;
    --color-blue-8: #1756d3;
    --color-blue-9: #1f69ff;
    --color-blue-10: #528bff;
    --color-blue-11: #7aa7ff;
    --color-blue-12: #a3c2ff;
    --color-blue-13: #c7daff;
    --color-blue-14: #d6e4ff;
    --color-blue-15: #e5eeff;
    --color-magenta-1: #050104;
    --color-magenta-2: #12020f;
    --color-magenta-3: #20041b;
    --color-magenta-4: #37062e;
    --color-magenta-5: #4e0941;
    --color-magenta-6: #650b55;
    --color-magenta-7: #8a0f73;
    --color-magenta-8: #ae1392;
    --color-magenta-9: #c516a5;
    --color-magenta-10: #ff38db;
    --color-magenta-11: #ff75e6;
    --color-magenta-12: #ffa3ee;
    --color-magenta-13: #ffc7f5;
    --color-magenta-14: #ffd6f8;
    --color-magenta-15: #ffe5fa;
    --color-red-1: #050101;
    --color-red-2: #120202;
    --color-red-3: #200404;
    --color-red-4: #3c0807;
    --color-red-5: #530a09;
    --color-red-6: #6e0e0c;
    --color-red-7: #971311;
    --color-red-8: #bb1411;
    --color-red-9: #eb0400;
    --color-red-10: #ff4f4d;
    --color-red-11: #ff8280;
    --color-red-12: #ffaaa8;
    --color-red-13: #ffcdcc;
    --color-red-14: #ffdcdb;
    --color-red-15: #ffe6e5;
    --color-twitter: /*[[cor3]]*/;
    --color-facebook: /*[[cor3]]*/;
    --color-reddit: /*[[cor3]]*/;
    --color-snapchat: /*[[cor3]]*/;
    --color-instagram: /*[[cor3]]*/;
    --color-youtube: /*[[cor3]]*/;
    --color-paypal: /*[[cor3]]*/;
    --color-paypal-blue: /*[[cor3]]*/;
    --color-paypal-yellow: /*[[cor3]]*/;
    --color-venmo: /*[[cor3]]*/;
    --color-vk: /*[[cor3]]*/;
    --color-amazon: /*[[cor3]]*/;
}
    .tw-root--theme-dark .carousel-metadata {
    background: /*[[cor4]]*/;
}
    .tw-root--theme...

Reviews

No reviews yet.