ul {
	margin-left:0;
	margin-right:0;
}

a {
	color: #0e4758;
}

.cache {
	font-size: 70%;
}

li {
	text-indent:0em; 
	background-position: left 0.3em;;
}

h1 {
	font-size: 2rem;
}
h2 {
	font-size: 1.5rem;
}

html {
	font-size: 110%;
}

/* Add this to the end of custom.css */
@media (prefers-color-scheme: dark) {

    body {
        background-color: #191B1F; /*#1a1a1a; /* Dark background */
        color: #a7a7a7;            /* Light text */
    }

    /* Override headers to inherit light text color */
    h1, h2, h3, h4, h5, h6 {
        color: #a7a7a7; 
    }

    /* Links: Adjusting the custom link color for better visibility on dark backgrounds */
    a {
        color: #526EB7;
    }

    /* Inputs and Textareas */
    [type='text'], [type='password'], [type='date'], [type='datetime'], 
    [type='datetime-local'], [type='month'], [type='week'], [type='email'], 
    [type='number'], [type='search'], [type='tel'], [type='time'], 
    [type='url'], [type='color'], textarea {
        background-color: #2a2a2a;
        color: #fefefe;
        border-color: #444;
    }

    /* Code and Keyboard blocks */
    code, kbd {
        background-color: #333;
        color: #fefefe;
        border-color: #444;
    }

    /* Secondary buttons and labels */
    .button.secondary {
        background-color: #444;
        color: #fefefe;
    }
    
    .input-group-label {
        background: #333;
        color: #fefefe;
        border-color: #444;
    }

    /* Blockquotes */
    blockquote {
        border-left-color: #444;
        color: #cacaca;
    }

li[data-type*="_png"], 
li[data-type*="_gif"] {
    position: relative;
    background-position: -5000px !important; 
}

li[data-type*="_png"]::before,
li[data-type*="_gif"]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;      /* Adjust to align with your text line-height */
    width: 1.2em;    /* Size of the icon area */
    height: 1.23em;
    
    background-image: inherit;
    background-repeat: no-repeat;
    background-size: contain;
    
    filter: invert(100%) hue-rotate(180deg) opacity(80%) ;
    filter:
    z-index: 0;
    pointer-events: none; 
}



/* OPTIONAL: Restore color on hover */
li[data-type*="_png"]:hover::before,
li[data-type*="_gif"]:hover::before {
    filter: grayscale(0%) brightness(1);
}

}