Final Fantasy XIV Online Wiki - User contributions [en]

User:Jmrutkowski/vector.css

2019-08-11T02:10:00Z

Jmrutkowski:

$dark-color: #111;
$light-color: #eee;

body.dark-mode {
background-color: $dark-color;
color: $light-color;
a {
color: $dark-color;
}
button {
background-color: $light-color;
color: $dark-color;
}
}

body.light-mode {
background-color: $light-color;
color: $dark-color;
a {
color: $dark-color;
}
button {
background-color: $dark-color;
color: $light-color;
}
}

User:Jmrutkowski/vector.css

2019-08-11T02:08:40Z

Jmrutkowski: Dark theme

:root {
color-scheme: light dark;
--special-text-color: hsla(60, 100%, 50%, 0.5);
--border-color: black;
}

@media (prefers-color-scheme: dark) {
:root {
--special-text-color: hsla(60, 50%, 70%, 0.75);
--border-color: white;
}
}

.special {
color: var(--special-text-color);
border: 1px solid var(--border-color);
}

User:Jmrutkowski/common.css

2019-08-11T02:04:58Z

Jmrutkowski: Dark theme

html {
--text-color-normal: #0a244d;
--text-color-light: #8cabd9;
}

html[data-theme='dark'] {
--text-color-normal: hsl(210, 10%, 62%);
--text-color-light: hsl(210, 15%, 35%);
--text-color-richer: hsl(210, 50%, 72%);
--text-color-highlight: hsl(25, 70%, 45%);
}