Its required to have night mode
To change the color, just click on the style gear and configure the colors you want
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
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...