Catppuccin (Mocha Mauve) for Nextcloud Dashboard - Experimental!

nextcloud-ctp.css

:root {
    --color-main-background: #11111b !important;
    --color-main-background-rgb: 17, 17, 27 !important;
    /* --color-main-background-translucent: rgba(
        var(--color-main-background-rgb),
        0.96
    )!important;
    --color-main-background-blur: rgba(var(--color-main-background-rgb), 0.8)!important;
    --gradient-main-background: var(--color-main-background) 0%,
        var(--color-main-background-translucent) 85%, transparent 100%!important; */
    --color-background-hover: #181825 !important;
    --color-background-dark: #181825 !important;
    --color-background-darker: #1e1e2e !important;
    --color-placeholder-dark: #313244 !important;
    --color-main-text: #cdd6f4 !important;
    --color-text-light: #bac2de !important;
    --color-text-lighter: #a6adc8 !important;
    --color-scrollbar: #313244 !important;
    --color-error: #f38ba8 !important;
    --color-error-rgb: 243, 139, 168 !important;
    --color-error-hover: #f78fac !important;
    --color-warning: #f9e2af !important;
    --color-warning-rgb: 249, 226, 175 !important;
    --color-warning-hover: #fde6b4 !important;
    --color-success: #a6e3a1 !important;
    --color-success-rgb: 166, 227, 161 !important;
    --color-success-hover: #aae7a5 !important;

    --color-info: #94e2d5 !important;
    --color-info-rgb: 148, 226, 213 !important;
    --color-info-hover: #98e6d9 !important;
    --color-loading-light: #7f849c !important;
    --color-loading-dark: #cdd6f4 !important;
    --color-box-shadow-rgb: 0, 0, 0 !important;
    --color-box-shadow: #000000 !important;
    --color-border: #6c7086 !important;
    --color-border-dark: #7f849c !important;
    --color-border-maxcontrast: #9399b2 !important;
    --font-face: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
        Roboto, Oxygen-Sans, Cantarell, Ubuntu, "Helvetica Neue", Arial,
        sans-serif, "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol" !important;

    --color-primary: #cba6f7 !important;
    --color-primary-default: #cba6f7 !important;
    --color-primary-text: #cdd6f4 !important;
    --color-primary-hover: #dbbcff !important;
    --color-primary-element-light: #ca9ee644 !important;
    --color-primary-element-light-text: #cba6f7 !important;
    --color-primary-element-light-hover: #c6a0f455 !important;
    --color-primary-element: #cba6f7 !important;
    --color-primary-element-hover: #dbbcff !important;
    --color-primary-element-text: #ffffff !important;
    --color-primary-element-text-dark: #ffffff !important;
    --color-background-plain: #cba6f7 !important;
}

.header-menu__trigger,
.header-menu__trigger *,
.app-menu-main .app-menu-entry .app-menu-entry--label {
    color: #cdd6f4 !important;
    fill: #cdd6f4 !important;
}