Archbee Overwrite Default Theme

archbee-nord-theme.html

<style>
    :root {
        --lt-color-gray-100: #d8dee9;
        --lt-color-gray-200: #e5e9f0;
        --lt-color-gray-300: #eceff4;
        --lt-color-gray-400: #8fbcbb;
        --lt-color-gray-500: #88c0d0;
        --lt-color-gray-600: #81a1c1;
        --lt-color-gray-700: #5e81ac;
        --lt-color-gray-800: #4c566a;
        --lt-color-gray-900: #2e3440;
        --lt-color-white: #2e3440 !important;
        --lt-color-black: #eceff4 !important;
        --lt-color-transparent: rgba (46, 52, 64, 0) !important;
        --lt-color-background-light: var (--lt-color-gray-100) !important;
        --lt-color-background-default: var (--lt-color-gray-200) !important;
        --lt-color-background-dark: var (--lt-color-gray-300) !important;
        --lt-color-border-light: var (--lt-color-gray-200) !important;
        --lt-color-border-default: var (--lt-color-gray-300) !important;
        --lt-color-border-dark: var (--lt-color-gray-400) !important;
        --lt-color-text-very-light: var (--lt-color-gray-500) !important;
        --lt-color-text-light: var (--lt-color-gray-600) !important;
        --lt-color-text-default: var (--lt-color-gray-700) !important;
        --lt-color-text-dark: var (--lt-color-gray-800) !important;
        --lt-color-overlay-default: #2e3440 !important;
        --lt-color-overlay-dark: #2e3440 !important;
        --lt-color-overlay-transparent: rgba (46, 52, 64, 0.1) !important;
        --lt-shadow-website-overlay: 0 0 7 px 0 rgba (46, 52, 64, 0.3) !important;
        --lt-shadowDefault: 0 2 px 6 px -1 px rgba (46, 52, 64, 0.16),
            0 1 px 4 px -1 px rgba (46, 52, 64, 0.04);
        --lt-shadowActive: 0 0 8 px -2 px rgba (46, 52, 64, 0.1),
            0 6 px 20 px -3 px rgba (46, 52, 64, 0.2);
    }
</style>