Skip to content

Instantly share code, notes, and snippets.

@Violet-Vibes
Last active November 18, 2021 11:14
Show Gist options
  • Save Violet-Vibes/f4744d9035f2bdd1ed7580f5fc23361a to your computer and use it in GitHub Desktop.
Save Violet-Vibes/f4744d9035f2bdd1ed7580f5fc23361a to your computer and use it in GitHub Desktop.
lanista darkmode
html,
body,
:not([style*="background-color:"]):not([class*="max-h-14"]){
background-color: rgb(16, 20, 23);
background-image: url("");
}
html,
body,
:not([class*="underline"]),
.darkmode {
color: rgb(167, 158, 139)
}
h1:not([style*="color:"]),
h2:not([style*="color:"]),
h3:not([style*="color:"]),
h4:not([style*="color:"]),
h5:not([style*="color:"]),
h6:not([style*="color:"]) {
color: rgb(247, 142, 102) !important;
}
cite:not([style*="color:"]) {
color: rgb(128, 204, 148) !important;
}
strong {
color: white!important;
}
.font-semibold:not([style*="bg-red-100"]) {
color: white !important;
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgba(250, 250, 250, var(--tw-bg-opacity)) !important;
}
.text-yellow-400 {
--tw-text-opacity: 1;
color: rgba(251, 191, 36, var(--tw-text-opacity));
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgba(5, 150, 105, var(--tw-text-opacity));
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgba(220, 38, 38, var(--tw-text-opacity));
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgba(37,99,235,var(--tw-text-opacity));
}
.text-blue-600:not([class*="mt-3"]) { /* Alla länkar som vanligtvis är blåa, profiler, vapen, osv */
--tw-text-opacity: 1;
color: rgba(0, 0, 255, var(--tw-text-opacity));
}
.text-red-700 {
--tw-text-opacity: 1;
color: rgba(185, 28, 28, var(--tw-text-opacity));
}
.text-green-700 {
--tw-text-opacity: 1;
color: rgba(5, 150, 105, var(--tw-text-opacity));
}
.text-blue-700 {
--tw-text-opacity: 1;
color: rgba(5, 150, 105, var(--tw-text-opacity));
}
.battle-text[data-v-7267bb78] blue { /* Lag 1s färg i teammatcher med fler än 2 lag*/
--tw-text-opacity: 1;
color: rgba(255,20,147, var(--tw-text-opacity));
}
.battle-text[data-v-7267bb78] yellow { /* Lag 4s färg i teammatcher med fler än 2 lag*/
--tw-text-opacity: 1;
color: rgba(255,255,0, var(--tw-text-opacity));
}
.table-responsive {
background-image: none !important;
background-position: 0, 100%, 0, 100%;
background-repeat: no-repeat;
background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
background-attachment: local, local, scroll, scroll;
}
input:not([style*="background-color:"]),
textarea:not([style*="background-color:"]),
button:not([style*="background-color:"]),
[role="button"] {
background-color: rgb(32, 48, 64) !important;
}
input:not([style*="background-color:"]):hover,
textarea:not([style*="background-color:"]):hover,
button:not([style*="background-color:"]):hover,
[role="button"]:hover {
background-color: rgb(30, 54, 78) !important;
}
input:not([style*="background-color:"]):active,
input:not([style*="background-color:"]):focus,
textarea:not([style*="background-color:"]):active,
textarea:not([style*="background-color:"]):focus,
button:not([style*="background-color:"]):active,
button:not([style*="background-color:"]):focus,
[role="button"]:active,
[role="button"]:focus {
background-color: rgb(29, 56, 83) !important;
}
a:not([style*="color:"]) {
color: rgb(128, 182, 204) !important;
}
a:not([style*="color:"]):hover {
color: rgb(142, 193, 217) !important;
}
a:not([style*="color:"]):active,
a:not([style*="color:"]):focus {
color: rgb(155, 203, 230) !important;
}
:not([style*="border-color:"]),
::before,
::after {
border-color: rgb(80, 115, 134) !important;
}
div:empty,
input::placeholder,
textarea::placeholder {
color: rgb(167, 158, 139) !important;
}
input:not([style*="background-image:"]),
textarea:not([style*="background-image:"]) {
background-image: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment