Dark Mode for Stylesheet "Modern"
Modern Dark 2.0 by conkuist
Details
Authorconkuist
LicenseNo License
Categoryempornium.sx
Created
Updated
Size57 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 Modern Dark 2.0
@version 20210826.12.04
@namespace userstyles.world/user/conkuist
@description Dark Mode for Stylesheet "Modern"
@author conkuist
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.empornium.sx/"), url-prefix("https://www.empornium.is/") {
/*
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Material+Icons&display=swap');
*/
:root
{
--brighter: #42454a;
--bright: #36393f;
--mediumbright: #42454a;
--medium: #2f3136;
--dark: #202225;
--link: #ddd;
--hover: #fff;
--visited: #00ccff;
--text: #8e9297;
--blue: #00ccff;
--yellow: #fced0a;
--red: #e33;
--green: #18d860;
--orange: #ff7f26;
scrollbar-color: #36393f #2f3136;
}
::selection
{
background: var(--blue);
color: #fff;
}
body {
background: var(--dark);
color: var(--text);
font: unset;
font-family: sans-serif;
font-size: 12px;
}
#header
{
font-size: 15px;
}
select,
select.bb_button,
.button.toggle {
background: var(--dark);
color: #fff;
border: none;
}
hr
{
border: none;
background: var(--medium);
margin: 10px 0px;
height:2px;
}
h2 {
background: var(--bright);
color: var(--text);
color: var(--link);
border-radius: 0;
padding: 5px 40px;
}
.curtain {
background: var(--dark);
}
.thin > h2:first-child {
border-radius: 0;
}
a {
color: var(--link);
font-weight: normal;
}
a:visited {
color: var(--visited);
}
a:hover,
a:visited:hover {
color: #fff;
text-decoration: none;
}
.tags a,
.tags a:visited {
color: var(--text);
}
.tags a:hover,
.tags a:visited:hover {
color: var(--link);
text-decoration: none;
}
table.border {
border-color: var(--bright);
}
img[alt="RSS feed"] {
display: none;
}
#logo {
/*
background: url('https://www.empornium.sx/static/styles/modern/images/logo.svg') no-repeat center center;
background: url('https://dl.dropbox.com/s/0lduxsssrgfl1a8/logo.svg') no-repeat center center;
*/
background: none;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMDAiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyMDAgMzgiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWluIG1lZXQiIGNsYXNzPSJsb2dvLXN2ZyI+PGcgZmlsbD0iIzcyNzY3ZCI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC45ODUxNzYxOCwwLDAuMjU2NDA1ODUsMC45ODQ0MjUwNiwtMTYxLjc4MzQyLC0zNTguMDA0MzcpIj48cGF0aCBkPSJtOTIuNzAzLDM4My42MS0xNC4zMDEsMCwwLDcuODQ3NmMtMC4wMDAwMTMsMS42NDA2LDAuMTE4NDgsMi42OTc5LDAuMzU1NDcsMy4xNzE5LDAuMjM2OTYsMC40NzM5NiwwLjY5MjY5LDAuNzEwOTQsMS4zNjcyLDAuNzEwOTQsMC44Mzg1MywwLDEuMzk5MS0wLjMxNDQ1LDEuNjgxNi0wLjk0MzM2LDAuMjgyNTQtMC42Mjg5LDAuNDIzODEtMS44NDU3LDAuNDIzODMtMy42NTA0di00Ljc4NTJoMTAuNDczdjIuNjc5N2MtMC4wMDAwMjcsMi4yNDIyLTAuMTQxMywzLjk2NDgtMC40MjM4Myw1LjE2OC0wLjI4MjU4LDEuMjAzMS0wLjk0MzM4LDIuNDg4My0xLjk4MjQsMy44NTU1LTEuMDM5MSwxLjM2NzItMi4zNTYxLDIuMzkyNi0zLjk1MTIsMy4wNzYyLTEuNTk1MSwwLjY4MzU5LTMuNTk1NywxLjAyNTQtNi4wMDIsMS4wMjU0LTIuMzMzMywwLTQuMzkzMi0wLjMzNzI0LTYuMTc5Ny0xLjAxMTctMS43ODY1LTAuNjc0NDgtMy4xNzY0LTEuNTk5Ni00LjE2OTktMi43NzU0LTAuOTkzNDktMS4xNzU4LTEuNjgxNi0yLjQ3LTIuMDY0NS0zLjg4MjgtMC4zODI4Mi0xLjQxMjgtMC41NzQyMi0zLjQ2ODEtMC41NzQyMi02LjE2NnYtMTAuNTgyYy0wLjAwMDAwMi0zLjE3MTgsMC40MjgzOC01LjY3MzgsMS4yODUyLTcuNTA1OSwwLjg1Njc3LTEuODMyLDIuMjYwNC0zLjIzNTYsNC4yMTA5LTQuMjEwOSwxLjk1MDUtMC45NzUyMiw0LjE5MjctMS40NjI4LDYuNzI2Ni0xLjQ2MjksMy4wOTg5LDAuMDAwMDQsNS42NTU2LDAuNTg3OTMsNy42Njk5LDEuNzYzN3MzLjQyNzEsMi43MzQ0LDQuMjM4Myw0LjY3NThjMC44MTExNywxLjk0MTQsMS4yMTY4LDQuNjcxMiwxLjIxNjgsOC4xODk1em0tMTEuMDc0LTUuOTA2MiwwLTIuNjUyNGMtMC4wMDAwMTYtMS44Nzc2LTAuMTAwMjgtMy4wODk4LTAuMzAwNzgtMy42MzY3LTAuMjAwNTQtMC41NDY4NC0wLjYxMDY5LTAuODIwMjgtMS4yMzA1LTAuODIwMzEtMC43NjU2NCwwLjAwMDAzLTEuMjM5NiwwLjIzMjQ1LTEuNDIxOSwwLjY5NzI3LTAuMTgyMywwLjQ2NDg3LTAuMjczNDUsMS43MTgxLTAuMjczNDQsMy43NTk4djIuNjUyNHoiLz48cGF0aCBkPSJtMTAzLjU3LDM3Mi4xNi0wLjEzNjcyLDIuNDYwOWMwLjYxMTk3LTAuOTc2NTQsMS4zNDExLTEuNzA5LDIuMTg3NS0yLjE5NzMsMC44NDYzNC0wLjQ4ODI1LDEuODA5OS0wLjczMjQsMi44OTA2LTAuNzMyNDIsMi4xMDk0LDAuMDAwMDIsMy43Njk1LDAuOTc2NTksNC45ODA1LDIuOTI5NywwLjY2NDA0LTAuOTc2NTQsMS40MTI3LTEuNzA5LDIuMjQ2MS0yLjE5NzMsMC44MzMzMi0wLjQ4ODI1LDEuNzU3OC0wLjczMjQsMi43NzM0LTAuNzMyNDIsMS4zNDExLDAuMDAwMDIsMi40NTEyLDAuMzI1NTUsMy4zMzAxLDAuOTc2NTYsMC44Nzg4OCwwLjY1MTA3LDEuNDQyLDEuNDQ4NiwxLjY4OTQsMi4zOTI2LDAuMjQ3MzcsMC45NDQwMywwLjM3MTA3LDIuNDc3MiwwLjM3MTEsNC41OTk2djE4LjQxOGgtNy42NTYydi0xNi44OTVjLTAuMDAwMDMtMi4yMTM1LTAuMDc0OS0zLjU4NC0wLjIyNDYxLTQuMTExMy0wLjE0OTc2LTAuNTI3MzItMC40OTgwNy0wLjc5MS0xLjA0NDktMC43OTEwMi0wLjU1OTkyLDAuMDAwMDItMC45MjEyNSwwLjI2MDQ0LTEuMDg0LDAuNzgxMjUtMC4xNjI3OCwwLjUyMDg2LTAuMjQ0MTYsMS44OTQ2LTAuMjQ0MTQsNC4xMjExdjE2Ljg5NWgtNy42NTYydi0xNi40NjVjLTAuMDAwMDEtMi41MzktMC4wNjE5LTQuMDYyNS0wLjE4NTU1LTQuNTcwMy0wLjEyMzcxLTAuNTA3NzktMC40NjU1LTAuNzYxNy0xLjAyNTQtMC43NjE3Mi0wLjM1MTU3LDAuMDAwMDItMC42NTEwNSwwLjEzMzQ5LTAuODk4NDMsMC40MDAzOS0wLjI0NzQxLDAuMjY2OTUtMC4zODQxMywwLjU5MjQ3LTAuNDEwMTYsMC45NzY1Ny0wLjAyNiwwLjM4NDEzLTAuMDM5MSwxLjIwMTItMC4wMzkxLDIuNDUxMnYxNy45NjloLTcuNjU2M3YtMjUuOTE4eiIvPjxwYXRoIGQ9Im0xMzQuNjYsMzcyLjE2LTAuMTM2NzIsMi4yODUyYzAuNzAzMTEtMC45MjQ0NSwxLjQ3NzgtMS42MTQ2LDIuMzI0Mi0yLjA3MDMsMC44NDYzNC0wLjQ1NTcsMS43NzA4LTAuNjgzNTcsMi43NzM0LTAuNjgzNTksMS4yMjQsMC4wMDAwMiwyLjI4MTksMC4zMjg4LDMuMTczOCwwLjk4NjMzLDAuODkxOTEsMC42NTc1NywxLjQ0ODYsMS40MTYsMS42Njk5LDIuMjc1NCwwLjIyMTM0LDAuODU5MzksMC4zMzIwMSwyLjMxNzcsMC4zMzIwMyw0LjM3NXYxMC45MThjLTAuMDAwMDIsMi4zNTY4LTAuMTM5OTksNC4wMzMyLTAuNDE5OTIsNS4wMjkzLTAuMjc5OTYsMC45OTYxLTAuODUyODgsMS43OTA0LTEuNzE4OCwyLjM4MjgtMC44NjU5LDAuNTkyNDQtMS45MTA4LDAuODg4NjctMy4xMzQ4LDAuODg4NjctMC45NzY1OCwwLTEuODgxNS0wLjIyNzg3LTIuNzE0OC0wLjY4MzYtMC44MzMzNC0wLjQ1NTczLTEuNTk1MS0xLjEzMjgtMi4yODUyLTIuMDMxMnY1LjkzNzVoLTcuODkwNnYtMjkuNjA5eiIvPjxwYXRoIGQ9Im0xNjUuMjcsMzgxLjI2LDAsNi4zNDc3Yy0wLjAwMDAxLDIuMzMwNy0wLjExNzIsNC4wMzk3LTAuMzUxNTYsNS4xMjctMC4yMzQzOSwxLjA4NzItMC43MzU2OSwyLjEwMjktMS41MDM5LDMuMDQ2OS0wLjc2ODI1LDAuOTQ0MDEtMS43NTQ2LDEuNjQwNi0yLjk1OSwyLjA4OTgtMS4yMDQ0LDAuNDQ5MjItMi41ODc5LDAuNjczODMtNC4xNTA0LDAuNjczODMtMS43NDQ4LDAtMy4yMjI3LTAuMTkyMDYtNC40MzM2LTAuNTc2MTctMS4yMTEtMC4zODQxMi0yLjE1MTctMC45NjM1NS0yLjgyMjMtMS43MzgzLTAuNjcwNTctMC43NzQ3My0xLjE0OTEtMS43MTIyLTEuNDM1Ni0yLjgxMjUtMC4yODY0Ni0xLjEwMDItMC40Mjk2OC0yLjc1MDYtMC40Mjk2OC00Ljk1MTJ2LTYuNjQwNmMwLTIuNDA4OCwwLjI2MDQxLTQuMjkwNCwwLjc4MTI1LTUuNjQ0NSwwLjUyMDgzLTEuMzU0MiwxLjQ1ODMtMi40NDE0LDIuODEyNS0zLjI2MTcsMS4zNTQyLTAuODIwMjksMy4wODU5LTEuMjMwNCw1LjE5NTMtMS4yMzA1LDEuNzcwOCwwLjAwMDAyLDMuMjkxLDAuMjYzNyw0LjU2MDYsMC43OTEwMSwxLjI2OTUsMC41MjczNywyLjI0OTMsMS4yMTQyLDIuOTM5NCwyLjA2MDYsMC42OTAwOSwwLjg0NjM4LDEuMTYyMSwxLjcxODgsMS40MTYsMi42MTcyLDAuMjUzODksMC44OTg0NiwwLjM4MDg1LDIuMjY1NiwwLjM4MDg2LDQuMTAxNnoiLz48cGF0aCBkPSJtMTc1Ljc4LDM3Mi4xNi0wLjMxMjUsMy4zOTg0YzEuMTQ1OC0yLjQzNDksMi44MDYtMy43MjM5LDQuOTgwNS0zLjg2NzJ2OS4xMjExYy0xLjQ0NTMsMC4wMDAwMi0yLjUwNjUsMC4xOTUzMy0zLjE4MzYsMC41ODU5NC0wLjY3NzA5LDAuMzkwNjQtMS4wOTM4LDAuOTM0MjYtMS4yNSwxLjYzMDktMC4xNTYyNiwwLjY5NjYzLTAuMjM0MzgsMi4zMDE0LTAuMjM0MzcsNC44MTQ0djEwLjIzNGgtNy44OTA2di0yNS45MTh6Ii8+PHBhdGggZD0ibTE5MC4yMSwzNzIuMTYtMC4xMzY3MiwyLjM4MjhjMC41NzI5MS0wLjk1MDUsMS4yNzI4LTEuNjYzNCwyLjA5OTYtMi4xMzg3LDAuODI2ODEtMC40NzUyNCwxLjc4MDYtMC43MTI4NywyLjg2MTMtMC43MTI4OSwxLjM1NDIsMC4wMDAwMiwyLjQ2MDksMC4zMTkwMywzLjMyMDMsMC45NTcwMywwLjg1OTM2LDAuNjM4MDUsMS40MTI3LDEuNDQyMSwxLjY2MDIsMi40MTIxLDAuMjQ3MzcsMC45NzAwNywwLjM3MTA3LDIuNTg3OSwwLjM3MTA5LDQuODUzNXYxOC4xNjRoLTcuODkwNnYtMTcuOTQ5Yy0wLjAwMDAxLTEuNzgzOC0wLjA1ODYtMi44NzExLTAuMTc1NzgtMy4yNjE3LTAuMTE3Mi0wLjM5MDYtMC40NDI3Mi0wLjU4NTkyLTAuOTc2NTctMC41ODU5NC0wLjU1OTksMC4wMDAwMi0wLjkxMTQ2LDAuMjI0NjMtMS4wNTQ3LDAuNjczODMtMC4xNDMyNCwwLjQ0OTI0LTAuMjE0ODYsMS42NTA0LTAuMjE0ODUsMy42MDM1djE3LjUyaC03Ljg5MDZ2LTI1LjkxOHoiLz48cGF0aCBkPSJtMjExLjI1LDM2Ni40NiwwLDQuMTIxMS04LjEyNSwwLDAtNC4xMjExem0wLDUuNzAzMSwwLDI1LjkxOC04LjEyNSwwLDAtMjUuOTE4eiIvPjxwYXRoIGQ9Im0yMzIuMTIsMzcyLjE2LDAsMjUuOTE4LTguMDI3MywwLDAuMTM2NzItMi4xNDg0Yy0wLjU0Njg5LDAuODcyNC0xLjIyMDcsMS41MjY3LTIuMDIxNSwxLjk2MjktMC44MDA3OSwwLjQzNjItMS43MjIsMC42NTQzLTIuNzYzNywwLjY1NDMtMS4xODQ5LDAtMi4xNjgtMC4yMDgzNC0yLjk0OTItMC42MjUtMC43ODEyNS0wLjQxNjY3LTEuMzU3NC0wLjk3MDA1LTEuNzI4NS0xLjY2MDItMC4zNzExLTAuNjkwMS0wLjYwMjIyLTEuNDA5NS0wLjY5MzM2LTIuMTU4Mi0wLjA5MTEtMC43NDg3LTAuMTM2NzItMi4yMzYzLTAuMTM2NzItNC40NjI5di0xNy40OGg3Ljg5MDZ2MTcuNjM3YzAsMi4wMTgyLDAuMDYxOCwzLjIxNjIsMC4xODU1NSwzLjU5MzgsMC4xMjM2OSwwLjM3NzYxLDAuNDU4OTgsMC41NjY0MSwxLjAwNTksMC41NjY0LDAuNTg1OTMsMC4wMDAwMSwwLjkzNDIzLTAuMTk1MywxLjA0NDktMC41ODU5MywwLjExMDY3LTAuMzkwNjIsMC4xNjYwMS0xLjY0NzEsMC4xNjYwMi0zLjc2OTV2LTE3LjQ0MXoiLz48cGF0aCBkPSJtMjQyLjc5LDM3Mi4xNi0wLjEzNjcyLDIuNDYwOWMwLjYxMTk3LTAuOTc2NTQsMS4zNDExLTEuNzA5LDIuMTg3NS0yLjE5NzMsMC44NDYzNC0wLjQ4ODI1LDEuODA5OS0wLjczMjQsMi44OTA2LTAuNzMyNDIsMi4xMDk0LDAuMDAwMDIsMy43Njk1LDAuOTc2NTksNC45ODA1LDIuOTI5NywwLjY2NDA0LTAuOTc2NTQsMS40MTI3LTEuNzA5LDIuMjQ2MS0yLjE5NzMsMC44MzMzMi0wLjQ4ODI1LDEuNzU3OC0wLjczMjQsMi43NzM0LTAuNzMyNDIsMS4zNDExLDAuMDAwMDIsMi40NTEyLDAuMzI1NTUsMy4zMzAxLDAuOTc2NTYsMC44Nzg4OCwwLjY1MTA3LDEuNDQyLDEuNDQ4NiwxLjY4OTQsMi4zOTI2LDAuMjQ3MzcsMC45NDQwMywwLjM3MTA3LDIuNDc3MiwwLjM3MTEsNC41OTk2djE4LjQxOGgtNy42NTYydi0xNi44OTVjLTAuMDAwMDMtMi4yMTM1LTAuMDc0OS0zLjU4NC0wLjIyNDYxLTQuMTExMy0wLjE0OTc2LTAuNTI3MzItMC40OTgwNy0wLjc5MS0xLjA0NDktMC43OTEwMi0wLjU1OTkyLDAuMDAwMDItMC45MjEyNSwwLjI2MDQ0LTEuMDg0LDAuNzgxMjUtMC4xNjI3OCwwLjUyMDg2LTAuMjQ0MTYsMS44OTQ2LTAuMjQ0MTQsNC4xMjExdjE2Ljg5NWgtNy42NTYydi0xNi40NjVjLTAuMDAwMDEtMi41MzktMC4wNjE5LTQuMDYyNS0wLjE4NTU1LTQuNTcwMy0wLjEyMzcxLTAuNTA3NzktMC40NjU1LTAuNzYxNy0xLjAyNTQtMC43NjE3Mi0wLjM1MTU3LDAuMDAwMDItMC42NTEwNSwwLjEzMzQ5LTAuODk4NDMsMC40MDAzOS0wLjI0NzQxLDAuMjY2OTUtMC4zODQxMywwLjU5MjQ3LTAuNDEwMTYsMC45NzY1Ny0wLjAyNiwwLjM4NDEzLTAuMDM5MSwxLjIwMTItMC4wMzkxLDIuNDUxMnYxNy45NjloLTcuNjU2MnYtMjUuOTE4eiIvPjwvZz48L2c+PC9zdmc+") no-repeat center center;
background-size: 175px;
filter: none;
}
#header {
...