Skip to content

ukr.net DARK(dracula theme) by kylex

Screenshot of ukr.net DARK(dracula theme)

Details

Authorkylex

LicenseMIT

Categoryukr.net

Created

Updated

Size2.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark style for ukr.net site, colors used from Dracula theme

Notes

email block can't be styled because it is iframe :(

Source code

/* ==UserStyle==
@name         ukr.net DARK(dracula theme)
@version      20221208.12.28
@namespace    userstyles.world/user/kylex
@description  Dark style for ukr.net site, colors used from Dracula theme 
@author       kylex
@license      MIT
==/UserStyle== */

@-moz-document domain("ukr.net") {
:root {
    --background: #282a36;
    --background-selection: #44475a;
    --foreground: #f8f8f2;
    --comment: #6272a4;
    --cyan: #8be9fd;
    --green: #50fa7b;
    --orange: #ffb86c;
    --pink: #ff79c6;
    --purple: #bd93f9;
    --red: #ff5555;
    --yellow: #f1fa8c;
}

body {
    background: var(--background);
}

a {
    color: var(--purple);
}

.main {
    color: var(--foreground);
    background: var(--background-selection)
}


main#main {
    background: var(--background);
    color: var(--yellow);
}

.account__email {
    color: var(--green);
}

.account__email::after {
    background: var(--background);
}

.service__entry {
    color: var(--green);
}

.service__extra {
    color: var(--comment);
}

div.nav-cnt {
    background: var(--background);
}

.tabs-blocks {    
    filter: brightness(40%);
}

.header__logo {
    filter: brightness(40%);    
}

.header__logo a img {
    width: 200px;   
}

.header__logo div img {
    width: 200px;   
}

.t-l {
    filter: brightness(40%);
}

#login-frame-wraper {
    background: white;
}

.feed__section--top li a {
    color: var(--yellow);
}

.feed__item--title a {
    color: var(--yellow);
}

.categories-block__container a {
    color: var(--purple);
}

.feed__item time {
    color: var(--cyan);
}


main article .im time.im-tm {
    color: var(--cyan);
}

main article .im .im-tl-bk .im-tl .im-tl_a {
    color: var(--yellow);
}

.right-tabs__nav.d-clear li {
    color: var(--cyan);
}

.form.d-clear input {
    background: black;
}

aside .ar-cnt {
    background: var(--background);
}

aside .search-block {
    background: var(--background);
}

nav .n-m .n-m_li.now .n-m_li_a {
    color: var(--orange);
}

#portal-tags .header {
    color: var(--orange);
}

}

Reviews

No reviews yet.