Skip to content

Amanz.my - Catppuccin Latte by jho

Details

Authorjho

LicenseNo License

Categoryamanz.my

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           29/10/2022, 1:02:46 pm
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("amanz.my") {
     :root {
        --bg-color: #1e1e2e;
        --fg-color: #11111b;
		--main-color: #016ec3;
        /* --main-color: #89b4fa; */
        --text-color: #d9e0ee;
		--link-dark-hover: #f38ba8;
    }
    
    
    body {
        background-color: var(--bg-color)!important;
        color: var(--text-color)!important;
    }
    
    a:link,
    a:visited,
    a:active,
	.text-\[\#171717\],
	.text-gray-700 {
        color: var(--text-color);
    }
    
	input {
        color: var(--bg-color)!important;
    }
    
    a:hover {
        color: var(--link-dark-hover);
    }
    
    header.bg-white,
    a.bg-white{
        background-color: transparent!important;
    }
    
    .bg-amanz-blue {
    background-color: var(--main-color);
    }
    
    /* Featured */
    
    section#featured>div:nth-child(1) {
        padding-left: 0px;
    }
    section#featured>div:nth-child(3) {
        padding-right: 0px;
    }
    
    hr {
        display: none;
    }
    
    hr.hidden.lg\:block.border.mt-4 {
        border: 0px;
    }
    
    .border-t.border-b.py-4.my-8.flex.items-center.justify-center {
        border: none;
        background-color: var(--main-color);
    }
	
	/* Article */
	
	#content a:hover,
	article > header a:hover,
	a[rel^="author"]:hover,
	a[href^="https://amanz.me/u/"]:hover,
	.hover\:text-\[\#f45\]:hover,
	a[data-type="post"]:hover,
	p a:hover {
		color: var(--link-dark-hover)!important;
	}
	
	.bg-gray-200 {
		background-color: var(--link-dark-hover);
	}
	
	.bg-gray-200,
	.bg-gray-200 a {
		color: var(--fg-color);
	}
	
	.bg-gray-200:hover {
		color: var(--bg-color)!important;
	}
	
	.next-post a:hover,
	.prev-post a:hover{
    background: var(--fg-color); 
    color: #f45;
	}
	
	div[role^="menu"] {
		background: var(--fg-color);
	}
	
	span[data-text="Emel"] {
		color: red;
	}
	
}

Reviews

No reviews yet.