h.rayriffy.com by xiggi

/* ==UserStyle==
@name         h.rayriffy.com
@version      20240524.16.21
@namespace    ?
==/UserStyle== */

@-moz-document domain("h.rayriffy.com") {
.divide-y>:not([hidden])~:not([hidden]) {
    border-color: var(--btn-color, var(--fallback-b2));
}

.bg-blue-500, .bg-purple-500, .bg-pink-500, .bg-orange-500, .bg-green-500, .bg-red-500 {
    background: #0d0d0d;
    color: #ccc;
}

.bg-blue-500:hover, .bg-purple-500:hover, .bg-pink-500:hover, .bg-orange-500:hover, .bg-green-500:hover, .bg-red-500:hover {
    background-color: #000;
    color: #fff;
}

.dark\:text-gray-400 {
    color: #ccc;
    font-weight: 500;
}

h3.text-sm.font-bold.text-gray-500.dark\:text-gray-400 {
    margin-top: 10px;
}

h1.pt-2.text-2xl.font-bold.leading-tight.text-gray-700.dark\:text-white, span.font-semibold.text-gray-600.dark\:text-gray-300 {
    text-align: center;
}

.divider:before, .divider:after {
    background-color: #555;
}

svg.w-12 {
    color: #555;
}

article.group.relative:hover {
    opacity: 70%;
    transition: 0.2s;
}

:root, [data-theme] {
    background-color: #0d0d0d;
}

.btm-nav {
    background-color: rgba(13, 13, 13, .9);
    backdrop-filter: blur(5px);
}

.btm-nav>*:where(.active) {
    color: #fff;
    background-color: transparent;
}

.btm-nav a:hover {
    color: #fff;
    transition: 0.2s;
}

.bg-base-200, .btn-sm {
    background-color: rgba(32, 31, 31, .9);
    margin-right: 5px;
}

a.btn.btn-sm.btn-active {
    color: #fff;
    outline: 1px solid #fff;
}

.bg-base-100 {
    background-color: rgba(32, 31, 31, .9);
}

.card-title, p.truncate.font-medium.text-base-content {
    color: #fff;
}

.flex.items-center.space-x-2 {
    justify-content: center;
}

.input:focus, .input:focus-within {
    border-color: #444;
    outline-color: #444;
}

input.input.input-bordered.w-full {
    background-color: rgba(32, 31, 31, .9);
}

input.input.input-bordered.w-full:focus {
    background-color: #0d0d0d;
    border-color: #444;
    outline-color: #444;
    color: #ccc;
}

.bg-base-200, .btn-sm {
    background-color: rgba(32, 31, 31, .9);
}

.btn-neutral {
    color: #fff;
    outline-color:#ccc;
}

.card-body :where(p) {
    color: #ccc;
}

    /** Scrollbar **/
    /* width */
    ::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #0d0d0d;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #999;
    }
}