Skip to content

Darkmode by YassinWafa

Details

AuthorYassinWafa

LicenseNo License

Categorywarframe-web-assets.nyc3.cdn.digitaloceanspaces.com

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Basic update to the rudimentary styling of the site.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Stylized Dark Mode
@version      20230813.12.14
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://www.warframe.com/droptables") {
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

:root {
    --grey1:  #1e1f22;
    --grey15: #212225;
    --grey2:  #232428;
    --grey25: #2f3034;
    --grey3:  #36373d;
    --grey35: #3b3c42;
    --grey4:  #404249;
    --grey5:  #686e74;
    --light1: #dbdee1;
    --light2: #f7f7f7;
}

body {
    font-family: 'Lato', sans-serif;
    background: var(--grey1);
    color: var(--light1);
}

a {
    color: #05a8fc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

table,
p,
h3 {
    width: 800px;
    margin-left: calc(50vw - 400px);
}

ul {
    margin-left: calc(50vw - 400px);
}
ul ul {
    width: 780px;
    margin: 10px;
}

tr,
td,
th {
    border: 1px solid var(--grey5);
    transition: 100ms;
}


tr:not(.blank-row) {
    background: var(--grey2);
}

tr:not(.blank-row):hover {
    background: var(--grey25);
    color: var(--light2);
}

tr>th {
    text-align: center;
    background: var(--grey3);
}

tr>th:hover {
    background: var(--grey35);
    color: var(--light2);
}
}

Reviews

No reviews yet.