home/zentheme/userChrome.css

/* Catppuccin Mocha Blue userChrome.css*/

@media (prefers-color-scheme: dark) {
    
    :root {
        --zen-colors-primary: #313244 !important;
        --zen-colors-secondary: #313244 !important;
        --zen-colors-tertiary: #181825 !important;
        --zen-colors-border: #89b4fa !important;
        --toolbarbutton-icon-fill: #89b4fa !important;
        --lwt-text-color: #cdd6f4 !important;
        --toolbar-field-color: #cdd6f4 !important;
        --tab-selected-textcolor: rgb(171, 197, 247) !important;
        --toolbar-field-focus-color: #cdd6f4 !important;
        --toolbar-color: #cdd6f4 !important;
        --newtab-text-primary-color: #cdd6f4 !important;
        --arrowpanel-color: #cdd6f4 !important;
        --arrowpanel-background: #1e1e2e !important;
        --sidebar-text-color: #cdd6f4 !important;
        --lwt-sidebar-text-color: #cdd6f4 !important;
        --lwt-sidebar-background-color: #11111b !important;
        --toolbar-bgcolor: #313244 !important;
        --newtab-background-color: #1e1e2e !important;
    }

    .sidebar-placesTree {
        background-color: #313244 !important;
    }

    #zen-workspaces-button {
        background-color: #1e1e2e !important;
    }

    #TabsToolbar {
        background-color: #181825 !important;
    }

    #urlbar-background {
        background-color: #1e1e2e !important;
    }

    .content-shortcuts {
        background-color: #1e1e2e !important;
        border-color: #89b4fa !important;
    }

    .urlbarView-url {
        color: #89b4fa !important;
    }

}

/* Catppuccin Latte Blue userChrome.css*/

@media (prefers-color-scheme: light) {
    
    :root {
        --zen-colors-primary: #ccd0da !important;
        --zen-colors-secondary: #ccd0da !important;
        --zen-colors-tertiary: #e6e9ef !important;
        --zen-colors-border: #1e66f5 !important;
        --toolbarbutton-icon-fill: #1e66f5 !important;
        --lwt-text-color: #4c4f69 !important;
        --toolbar-field-color: #4c4f69 !important;
        --tab-selected-textcolor: rgb(53, 90, 175) !important;
        --toolbar-field-focus-color: #4c4f69 !important;
        --toolbar-color: #4c4f69 !important;
        --newtab-text-primary-color: #4c4f69 !important;
        --arrowpanel-color: #4c4f69 !important;
        --arrowpanel-background: #eff1f5 !important;
        --sidebar-text-color: #4c4f69 !important;
        --lwt-sidebar-text-color: #4c4f69 !important;
        --lwt-sidebar-background-color: #dce0e8 !important;
        --toolbar-bgcolor: #ccd0da !important;
        --newtab-background-color: #eff1f5 !important;
    }

    .sidebar-placesTree {
        background-color: #ccd0da !important;
    }

    #zen-workspaces-button {
        background-color: #eff1f5 !important;
    }

    #TabsToolbar {
        background-color: #e6e9ef !important;
    }

    #urlbar-background {
        background-color: #eff1f5 !important;
    }

    .content-shortcuts {
        background-color: #eff1f5 !important;
        border-color: #1e66f5 !important;
    }

    .urlbarView-url {
        color: #1e66f5 !important;
    }

}