Skip to content

CodeTantra better colors by Nikhilo-o

Screenshot of CodeTantra better colors

Details

AuthorNikhilo-o

LicenseNo License

Categorykiet.codetantra.com

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Better visibility for codeTantra To navigate Units and Lessons.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           kiet.codetantra.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("kiet.codetantra.com") {
    /* Insert code here... */ /* Untouched questions - Grey (no additional class on SVG) */
    button.w-full svg:not(.text-success):not(.text-accent) path {
        fill: #9fa0a0 !important; /* Grey for untouched */
    }

    /* Solved questions - Green */
    button.w-full svg.text-success path {
        fill: #18b318 !important; /* Green for solved */
    }

    /* Unsolved questions - Red */
    button.w-full svg.text-accent path {
        fill: #ff4000 !important; /* Red for unsolved */
    }

    /* Hover effects */
    button.w-full svg:not(.text-success):not(.text-accent) path:hover {
        fill: #747678 !important; /* Dark grey for untouched on hover */
    }

    button.w-full svg.text-success path:hover {
        fill: darkgreen !important; /* Dark green for solved on hover */
    }

    button.w-full svg.text-accent path:hover {
        fill: darkred !important; /* Dark red for unsolved on hover */
    }
}

Reviews

No reviews yet.