From 2.0.x you can use css variables to override default settings
--r-color-primary: #3b82f6;
--r-color-secondary: #8b5cf6;
--r-color-tertiary: #0ea5e9;
--r-color-info: #f87315;
--r-color-success: #10b47f;
--r-color-danger: #ef4444;
--r-color-link: #739bf8;
--r-color-dark: #222733;
--r-color-black: #030712;
--r-color-white: #ffffff;
--r-color-light: #f5f8fb;
--r-color-light-darken-1: color-mix(in srgb, var(--r-color-light), black 1%);
--r-color-light-lighten-1: color-mix(in srgb, var(--r-color-light), white 1%);
--r-color-light-darken-2: color-mix(in srgb, var(--r-color-light), black 2%);
--r-color-light-lighten-2: color-mix(in srgb, var(--r-color-light), white 2%);
--r-color-light-darken-3: color-mix(in srgb, var(--r-color-light), black 3%);
--r-color-light-lighten-3: color-mix(in srgb, var(--r-color-light), white 3%);
--r-color-light-darken-5: color-mix(in srgb, var(--r-color-light), black 5%);
--r-color-light-lighten-5: color-mix(in srgb, var(--r-color-light), white 5%);
--r-color-light-darken-10: color-mix(in srgb, var(--r-color-light), black 10%);
--r-color-light-lighten-10: color-mix(in srgb, var(--r-color-light), white 10%);
--r-color-light-darken-15: color-mix(in srgb, var(--r-color-light), black 15%);
--r-color-light-lighten-15: color-mix(in srgb, var(--r-color-light), white 15%);
--r-color-light-darken-30: color-mix(in srgb, var(--r-color-light), black 30%);
--r-color-light-lighten-30: color-mix(in srgb, var(--r-color-light), white 30%);
--r-color-light-darken-50: color-mix(in srgb, var(--r-color-light), black 50%);
--r-color-light-lighten-50: color-mix(in srgb, var(--r-color-light), white 50%);
--r-color-info-lighten-20: color-mix(in srgb, var(--r-color-info), white 20%);
--r-color-info-lighten-40: color-mix(in srgb, var(--r-color-info), white 40%);
--r-color-white-darken-2: color-mix(in srgb, var(--r-color-white), black 2%);
--r-color-dark-lighten-2: color-mix(in srgb, var(--r-color-dark), white 2%);
--r-color-white-darken-3: color-mix(in srgb, var(--r-color-white), black 3%);
--r-color-dark-lighten-3: color-mix(in srgb, var(--r-color-dark), white 3%);
--r-color-white-darken-4: color-mix(in srgb, var(--r-color-white), black 4%);
--r-color-dark-lighten-4: color-mix(in srgb, var(--r-color-dark), white 4%);
--r-color-white-darken-5: color-mix(in srgb, var(--r-color-white), black 5%);
--r-color-dark-lighten-5: color-mix(in srgb, var(--r-color-dark), white 5%);
--r-color-white-darken-6: color-mix(in srgb, var(--r-color-white), black 6%);
--r-color-dark-lighten-6: color-mix(in srgb, var(--r-color-dark), white 6%);
--r-color-white-darken-7: color-mix(in srgb, var(--r-color-white), black 7%);
--r-color-dark-lighten-7: color-mix(in srgb, var(--r-color-dark), white 7%);
--r-color-white-darken-8: color-mix(in srgb, var(--r-color-white), black 8%);
--r-color-dark-lighten-8: color-mix(in srgb, var(--r-color-dark), white 8%);
--r-color-white-darken-10: color-mix(in srgb, var(--r-color-white), black 10%);
--r-color-dark-lighten-10: color-mix(in srgb, var(--r-color-dark), white 10%);
--r-color-white-darken-15: color-mix(in srgb, var(--r-color-white), black 15%);
--r-color-dark-lighten-15: color-mix(in srgb, var(--r-color-dark), white 15%);
--r-color-white-darken-20: color-mix(in srgb, var(--r-color-white), black 20%);
--r-color-dark-lighten-20: color-mix(in srgb, var(--r-color-dark), white 20%);
--r-color-white-darken-30: color-mix(in srgb, var(--r-color-white), black 30%);
--r-color-dark-lighten-30: color-mix(in srgb, var(--r-color-dark), white 30%);
--r-color-white-darken-40: color-mix(in srgb, var(--r-color-white), black 40%);
--r-color-dark-lighten-40: color-mix(in srgb, var(--r-color-dark), white 40%);
--r-color-white-darken-50: color-mix(in srgb, var(--r-color-white), black 50%);
--r-color-dark-lighten-50: color-mix(in srgb, var(--r-color-dark), white 50%);
--r-color-white-darken-60: color-mix(in srgb, var(--r-color-white), black 60%);
--r-color-dark-lighten-60: color-mix(in srgb, var(--r-color-dark), white 60%);
--r-color-white-darken-70: color-mix(in srgb, var(--r-color-white), black 70%);
--r-color-dark-lighten-70: color-mix(in srgb, var(--r-color-dark), white 70%);
--r-color-white-darken-80: color-mix(in srgb, var(--r-color-white), black 80%);
--r-color-dark-lighten-80: color-mix(in srgb, var(--r-color-dark), white 80%);
--r-color-black-lighten-70: color-mix(in srgb, var(--r-color-black), white 70%);
--r-color-primary-lighten-80: color-mix(in srgb, var(--r-color-primary), white 80%);
--r-global-base-font-size: 100%;
--r-global-base-font: Inter, sans-serif;
--r-global-font-weight: normal;
--r-global-font-bold-weight: 600;
--r-global-background-color: var(--r-color-white);
--r-global-font-color: var(--r-color-dark);
--r-global-font-color-light: var(--r-color-dark-lighten-20);
--r-global-border-radius: 0.25rem;
--r-global-width: 75rem;
--r-animation-easing: cubic-bezier(1, 0, 0, 1);
--r-animation-duration: 0.25s;
--r-button-radius: 0.25rem;
--r-button-hover-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.1);
--r-button-hover-shadow-dark: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.2);
--r-button-active-shadow: inset 0 0 0.1875rem rgba(0, 0, 0, 0.1);
--r-button-active-dark-shadow: inset 0 0 0.1875rem rgba(0, 0, 0, 0.2);
--r-button-base-white: var(--r-color-white);
--r-button-primary-color: var(--r-color-primary);
--r-button-secondary-color: var(--r-color-secondary);
--r-button-default-background: var(--r-color-white-darken-4);
--r-button-default-background-end: var(--r-color-white-darken-7);
--r-button-default-border: var(--r-color-white-darken-15);
--r-button-default-color: var(--r-color-dark-lighten-20);
--r-button-default-hover-background: var(--r-color-white-darken-3);
--r-button-default-hover-background-end: var(--r-color-white-darken-6);
--r-button-default-hover-border: var(--r-color-white-darken-20);
--r-button-default-hover-color: var(--r-color-dark-lighten-20);
--r-nav-border-radius: 0.25rem;
--r-nav-link-color: var(--r-color-dark);
--r-nav-dimmed-link-color: var(--r-color-black-lighten-50);
--r-nav-active-link-color: var(--r-color-dark-lighten-30);
--r-nav-spacing: 0.8125rem;
--r-nav-primary-color: var(--r-color-primary);
--r-form-input-placeholder-color: var(--r-color-light-darken-30);
--r-form-input-background-color: var(--r-color-white);
--r-form-input-color: var(--r-color-dark);
--r-form-input-border-color: var(--r-color-light-darken-15);
--r-form-input-hover-border-color: var(--r-color-link);
--r-form-input-focus-border-color: var(--r-color-primary);
--r-form-text-color: var(--r-color-light-darken-30);
--r-form-input-radius: 0.25rem;
--r-form-checkbox-label-color: var(--r-color-dark-lighten-20);
--r-form-disable-input-color: var(--r-color-light-darken-5);
--r-form-primary-color: var(--r-color-light-darken-2);
--r-form-primary-border-color: var(--r-color-light-darken-5);
--r-form-primary-hover-color: var(--r-color-info);
--r-form-primary-focus-color: var(--r-color-white);
--r-form-error-color: var(--r-color-danger);
--r-form-success-color: var(--r-color-success);
--r-form-warning-color: var(--r-color-info);
--r-form-field-search-hint-background: var(--r-color-white);
--r-form-field-search-hint-border-color: var(--r-color-light);
--r-form-field-search-item-hover-background: var(--r-color-light);
--r-form-field-search-border-color: var(--r-form-input-border-color);
--r-form-field-search-hint-color: var(--r-color-dark);
--r-form-radio-group-gap: 0.625rem;
--r-form-radio-group-item-padding: 1.25rem;
--r-form-radio-group-width: 18.75rem;
--r-form-radio-selected-border-color: var(--r-color-primary);
--r-form-radio-selected-background-color: color-mix(in srgb, var(--r-color-primary), white 97%);
--r-form-radio-text-color: color-mix(in srgb, var(--r-form-text-color), black 40%);
--r-table-header-border-color: var(--r-color-light-darken-10);
--r-table-border-color: var(--r-color-light-darken-5);
--r-table-header-font-weight: var(--r-global-font-bold-weight);
--r-table-spacing: 0.625rem;
--r-table-row-hover-color: var(--r-color-light-darken-2);
--r-table-primary-header-color: var(--r-color-light-darken-5);
--r-table-row-striped-color: var(--r-color-light-darken-2);
--r-table-row-striped-hover-color: var(--r-color-light-darken-3);
--r-table-row-highlight-color: color-mix(in srgb, var(--r-color-primary), white 95%);
--r-img-radius: 0.25rem;
--r-img-caption-color: var(--r-color-dark-lighten-40);
--r-message-radius: 0.25rem;
--r-message-icon-size: 0.75rem;
--r-message-close-color: var(--r-color-dark);
--r-badge-radius: 0.25rem;
--r-badge-background: var(--r-color-white-darken-5);
--r-badge-color: var(--r-global-font-color-light);
--r-breadcrumb-spacing: 0.625rem;
--r-breadcrumb-size: 80%;
--r-breadcrumb-default-color: var(--r-color-dark-lighten-40);
--r-breadcrumb-sep-symbol: "/";
--r-breadcrumb-sep-color: var(--r-color-dark-lighten-70);
--r-card-radius: 0.25rem;
--r-card-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.04);
--r-card-header-footer-border: var(--r-color-white-darken-5);
--r-card-header-footer-color: var(--r-color-dark-lighten-40);
--r-card-background: var(--r-color-white);
--r-dropdown-icons-size: 0.3125rem;
--r-dropdown-icons-size-small: 0.25rem;
--r-dropdown-icons-size-large: 0.4375rem;
--r-dropdown-width: 13.75rem;
--r-dropdown-background: var(--r-color-white-darken-2);
--r-dropdown-border-color: var(--r-color-white-darken-15);
--r-dropdown-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.08);
--r-dropdown-item-color: var(--r-color-dark-lighten-20);
--r-dropdown-item-hover-background-color: var(--r-color-white-darken-5);
--r-dropdown-item-hover-color: var(--r-color-dark);
--r-dropdown-item-sep: var(--r-color-white-darken-8);
--r-modal-background: rgba(0, 0, 0, 0.5);
--r-modal-content-background: var(--r-color-white);
--r-modal-close-color: var(--r-color-white-darken-50);
--r-modal-content-radius: 0.25rem;
--r-modal-content-spacing: 1.25rem;
--r-modal-content-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.1);
--r-modal-border-color: var(--r-color-white-darken-5);
--r-accordion-border-color: rgba(0, 0, 0, 0.1);
--r-tab-active-color: var(--r-color-primary);
--r-tab-border-color: var(--r-color-light-darken-5);
--r-box-spacing: 1.25rem;
--r-box-spacing-small: 0.9375rem;
--r-box-spacing-large: 2.5rem;
--r-box-border-radius: 0.25rem;
--r-box-background-color: var(--r-color-white);
--r-box-border-color: var(--r-color-white-darken-10);
--r-box-header-text-color: var(--r-color-dark);
--r-box-footer-color: var(--r-color-white-darken-60);
--r-progress-background: var(--r-color-white-darken-5);
--r-progress-background-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.05) inset;
--r-progress-bar-color: var(--r-color-white-darken-30);
--r-progress-bar-radius: 0.25rem;
--r-collage-item-default-width: 12.5rem;
--r-collage-item-default-height: 12.5rem;
--r-collage-item-default-gap: 0.625rem;
--r-collage-item-small-gap: 0.0625rem;
--r-collage-item-large-gap: 1.25rem;
--r-collage-caption-background: 0, 0, 0;
--r-collage-caption-color: var(--r-color-white);
--r-avatar-default-size: 2.5rem;
--r-avatar-small-size: 1.875rem;
--r-avatar-label-color: var(--r-color-black);
--r-avatar-label-hover-color: var(--r-color-dark-lighten-20);
--r-tag-color: var(--r-color-primary);
--r-tag-background: color-mix(in srgb, var(--r-tag-color), white 90%);
--r-tag-border-color: color-mix(in srgb, var(--r-tag-color), white 30%);
--r-tag-text-color: var(--r-tag-color);
--r-comment-border: rgba(var(--r-color-dark), 0.1);
--r-comment-highlight-color: var(--r-color-primary-lighten-80);
--r-toast-notification-width: 25rem;
--r-loader-border-color: var(--r-color-white-darken-20);
--r-loader-border-top-color: var(--r-color-white-darken-70);
--r-icon-color: var(--r-form-input-placeholder-color);
--r-icon-size: 1rem;
--r-icon-small-size: 0.875rem;
--r-icon-large-size: 2rem;
--r-code-background: var(--r-color-light);
--r-code-color: var(--r-color-dark-lighten-30);
--r-layout-sidebar-width: 14.375rem;
--r-layout-border-color: #e5e7eb;
--r-layout-border-width: 0.0625rem;
--r-layout-header-background-color: var(--r-color-white);
--r-layout-header-border-color: var(--r-layout-border-color);
--r-layout-header-logo-width: 5rem;
--r-layout-header-padding: 0.625rem 0.9375rem;
--r-layout-header-height: auto;
--r-layout-header-toggle-color: var(--r-color-dark);
--r-layout-header-nav-color: var(--r-color-dark);
--r-layout-header-search-width: 18.75rem;
--r-layout-compact-sidebar-width: 2.875rem;
--r-layout-secondary-background-color: var(--r-color-light);
--r-sidebar-nav-header-color: var(--r-color-dark-lighten-50);
--r-sidebar-group-sep-color: color-darken(var(--r-color-white), 10%);
--r-sidebar-nav-padding: 0.9375rem;
--r-sidebar-nav-link-color: var(--r-color-dark);
--r-sidebar-nav-link-hover-color: var(--r-color-primary);
--r-sidebar-nav-active-background-color: var(--r-color-light);
--r-sidebar-nav-active-color: var(--r-color-dark);
--r-sidebar-nav-item-border-radius: var(--r-global-border-radius);
--r-sidebar-nav-list-label-font-weight: 400;
--r-sidebar-nav-item-caret-size: 0.3125rem;
--r-tooltip-bg-color: var(--r-color-dark);
--r-tooltip-text-color: var(--r-color-white);
--r-tooltip-padding: 0.3125rem 0.625rem;
--r-tooltip-padding-large: 0.9375rem;
--r-tooltip-border-radius: var(--r-global-border-radius);
--r-tooltip-transition-duration: 150ms;
--r-tooltip-transition-delay: 250ms;
--r-tooltip-border-color: var(--r-color-tertiary);
--r-tooltip-content-btn-bg-color: var(--r-color-tertiary);
--r-popover-background: var(--r-color-light);
--r-popover-color: var(--r-color-dark);
--r-popover-border-radius: 0.25rem;
--r-popover-width: 17.1875rem;
--r-popover-border-color: var(--r-color-white-darken-10);
--r-popover-offset: 0.625rem;
--r-drawer-container-background: var(--r-modal-background);
--r-drawer-background: var(--r-modal-content-background);
--r-drawer-close-button-color: var(--r-modal-close-color);
--r-drawer-border-radius: var(--r-modal-content-radius);
--r-drawer-content-spacing: var(--r-modal-content-spacing);
--r-drawer-border-color: var(--r-modal-border-color);
--r-form-switch-background-color: var(--r-color-light-darken-10);
--r-form-switch-checked-background-color: var(--r-color-primary);
--r-form-switch-handler-color: var(--r-color-white);
--r-form-switch-size: 2.25rem;
--r-form-switch-size-large: 2.75rem;
--r-form-range-height: 0.375rem;
--r-form-range-track-color: var(--r-color-light-darken-5);
--r-form-range-thumb-color: var(--r-color-primary);
--r-form-range-thumb-hover-color: color-mix(in srgb, var(--r-color-primary), black 10%);
--r-form-range-border-radius: var(--r-global-border-radius);
--r-form-range-thumb-size: calc(var(--r-form-range-height) * 3);
--r-form-range-value: 50%;
--r-action-menu-list-gap: 0.125rem;
--r-action-menu-item-color: var(--r-global-font-color-light);
--r-action-menu-item-hover-color: var(--r-color-primary);
--r-action-menu-item-background: var(--r-color-white);
--r-action-menu-item-hover-background: var(--r-color-light);
--r-action-menu-item-border-radius: var(--r-global-border-radius);
--r-pagination-item-active-background-color: var(--r-color-primary);
--r-pagination-item-color: var(--r-global-font-color);
--r-pagination-item-hover-color: var(--r-global-font-color);
--r-pagination-item-background: transparent;
--r-pagination-item-hover-background: var(--r-color-light);
--r-pagination-item-border-radius: var(--r-global-border-radius);
--r-pagination-item-border-color: var(--r-color-light-darken-15);
--r-pagination-item-font-size: 0.875rem;
--r-block-box-spacing: var(--r-box-spacing);
--r-block-box-size: 15.625rem;
--r-block-box-color: var(--r-global-font-color);
--r-block-box-hover-color: var(--r-color-white);
--r-block-box-hover-background: var(--r-color-primary);
--r-block-box-icon-color: var(--r-color-dark-lighten-30);
--r-block-box-hl-color: var(--r-color-dark-lighten-30);
--r-block-form-group-border-color: var(--r-color-light-darken-15);
--r-block-form-group-border-radius: calc(var(--r-global-border-radius) * 2);
--r-block-form-group-padding: 2.5rem;
--r-block-form-border-color: var(--r-block-form-group-border-color);
--r-block-form-text-color: var(--r-color-dark-lighten-30);
--r-block-list-item-border-color: var(--r-color-light-darken-5);
--r-block-enable-box-spacing: 0.625rem;
--r-indicator-icon-size: 0.875rem;
--r-indicator-normal-color: var(--r-color-secondary);
--r-indicator-upward-color: var(--r-color-success);
--r-indicator-downward-color: var(--r-color-danger);
--r-indicator-online-color: var(--r-color-success);
--r-block-stat-item-gap: 1.25rem;
--r-block-stat-item-background-color: transparent;
--r-block-stat-item-hover-background-color: var(--r-color-light);
--r-block-stat-item-border-radius: var(--r-global-border-radius);
--r-quick-menu-background: var(--r-color-light);
--r-quick-menu-link-hover-background: var(--r-color-white);
--r-quick-menu-spacing: 0.5rem;
--r-quick-menu-font-size: 0.875rem;
--r-quick-menu-spacing-small: 0.3125rem;
--r-quick-menu-font-size-small: 0.75rem;
--r-quick-menu-spacing-x-small: 0.25rem;
--r-quick-menu-font-size-x-small: 0.625rem;
--r-block-stat-table-header-color: var(--r-color-dark-lighten-50);
--r-block-stat-table-indicator-color: var(--r-color-light);
--r-combo-box-icon-size: 0.3125rem;
--r-combo-box-width: 13.75rem;
--r-combo-box-background: var(--r-color-white-darken-2);
--r-combo-box-border-color: var(--r-color-white-darken-15);
--r-combo-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.08);
--r-combo-box-item-color: var(--r-color-dark-lighten-20);
--r-combo-box-item-hover-background-color: var(--r-color-white-darken-5);
--r-combo-box-item-hover-color: var(--r-color-dark);
--r-combo-box-item-sep: var(--r-color-white-darken-8);
--r-combo-box-border-radius: var(--r-global-border-radius);
--r-combo-box-secondary-color: var(--r-color-dark-lighten-50);
--r-combo-box-item-header-color: var(--r-color-dark-lighten-60);
--r-combo-box-show-animation-duration: 50ms;
--r-combo-box-item-x-padding: 0.9375rem;
--r-combo-box-item-y-padding: 0.4375rem;For theme dark
--r-theme-color: #050814;
--r-global-background-color: var(--r-theme-color);
--r-global-font-color: #9ca3af;
--r-global-font-color-light: color-mix(in srgb, var(--r-theme-color), white 70%);
--r-color-light: #111827;
--r-color-light-darken-1: color-mix(in srgb, var(--r-color-light), black 1%);
--r-color-light-lighten-1: color-mix(in srgb, var(--r-color-light), white 1%);
--r-color-light-darken-2: color-mix(in srgb, var(--r-color-light), black 2%);
--r-color-light-lighten-2: color-mix(in srgb, var(--r-color-light), white 2%);
--r-color-light-darken-3: color-mix(in srgb, var(--r-color-light), black 3%);
--r-color-light-lighten-3: color-mix(in srgb, var(--r-color-light), white 3%);
--r-color-light-darken-5: color-mix(in srgb, var(--r-color-light), black 5%);
--r-color-light-lighten-5: color-mix(in srgb, var(--r-color-light), white 5%);
--r-color-light-darken-10: color-mix(in srgb, var(--r-color-light), black 10%);
--r-color-light-lighten-10: color-mix(in srgb, var(--r-color-light), white 10%);
--r-color-light-darken-15: color-mix(in srgb, var(--r-color-light), black 15%);
--r-color-light-lighten-15: color-mix(in srgb, var(--r-color-light), white 15%);
--r-color-light-darken-30: color-mix(in srgb, var(--r-color-light), black 30%);
--r-color-light-lighten-30: color-mix(in srgb, var(--r-color-light), white 30%);
--r-color-light-darken-50: color-mix(in srgb, var(--r-color-light), black 50%);
--r-color-light-lighten-50: color-mix(in srgb, var(--r-color-light), white 50%);
--r-color-info-lighten-20: color-mix(in srgb, var(--r-color-info), white 20%);
--r-color-info-lighten-40: color-mix(in srgb, var(--r-color-info), white 40%);
--r-color-white-darken-2: color-mix(in srgb, var(--r-color-white), black 2%);
--r-color-dark-lighten-2: color-mix(in srgb, var(--r-color-dark), white 2%);
--r-color-white-darken-3: color-mix(in srgb, var(--r-color-white), black 3%);
--r-color-dark-lighten-3: color-mix(in srgb, var(--r-color-dark), white 3%);
--r-color-white-darken-4: color-mix(in srgb, var(--r-color-white), black 4%);
--r-color-dark-lighten-4: color-mix(in srgb, var(--r-color-dark), white 4%);
--r-color-white-darken-5: color-mix(in srgb, var(--r-color-white), black 5%);
--r-color-dark-lighten-5: color-mix(in srgb, var(--r-color-dark), white 5%);
--r-color-white-darken-6: color-mix(in srgb, var(--r-color-white), black 6%);
--r-color-dark-lighten-6: color-mix(in srgb, var(--r-color-dark), white 6%);
--r-color-white-darken-7: color-mix(in srgb, var(--r-color-white), black 7%);
--r-color-dark-lighten-7: color-mix(in srgb, var(--r-color-dark), white 7%);
--r-color-white-darken-8: color-mix(in srgb, var(--r-color-white), black 8%);
--r-color-dark-lighten-8: color-mix(in srgb, var(--r-color-dark), white 8%);
--r-color-white-darken-10: color-mix(in srgb, var(--r-color-white), black 10%);
--r-color-dark-lighten-10: color-mix(in srgb, var(--r-color-dark), white 10%);
--r-color-white-darken-15: color-mix(in srgb, var(--r-color-white), black 15%);
--r-color-dark-lighten-15: color-mix(in srgb, var(--r-color-dark), white 15%);
--r-color-white-darken-20: color-mix(in srgb, var(--r-color-white), black 20%);
--r-color-dark-lighten-20: color-mix(in srgb, var(--r-color-dark), white 20%);
--r-color-white-darken-30: color-mix(in srgb, var(--r-color-white), black 30%);
--r-color-dark-lighten-30: color-mix(in srgb, var(--r-color-dark), white 30%);
--r-color-white-darken-40: color-mix(in srgb, var(--r-color-white), black 40%);
--r-color-dark-lighten-40: color-mix(in srgb, var(--r-color-dark), white 40%);
--r-color-white-darken-50: color-mix(in srgb, var(--r-color-white), black 50%);
--r-color-dark-lighten-50: color-mix(in srgb, var(--r-color-dark), white 50%);
--r-color-white-darken-60: color-mix(in srgb, var(--r-color-white), black 60%);
--r-color-dark-lighten-60: color-mix(in srgb, var(--r-color-dark), white 60%);
--r-color-white-darken-70: color-mix(in srgb, var(--r-color-white), black 70%);
--r-color-dark-lighten-70: color-mix(in srgb, var(--r-color-dark), white 70%);
--r-color-white-darken-80: color-mix(in srgb, var(--r-color-white), black 80%);
--r-color-dark-lighten-80: color-mix(in srgb, var(--r-color-dark), white 80%);
--r-color-black-lighten-70: color-mix(in srgb, var(--r-color-black), white 70%);
--r-color-primary-lighten-80: color-mix(in srgb, var(--r-color-primary), white 80%);
--r-button-base-white: var(--r-color-white);
--r-button-primary-color: var(--r-color-primary);
--r-button-secondary-color: var(--r-color-secondary);
--r-button-active-shadow: inset 0 0 0.1875rem rgba(0, 0, 0, 0.5);
--r-button-default-background: var(--r-color-dark-lighten-7);
--r-button-default-background-end: var(--r-color-dark-lighten-4);
--r-button-default-border: var(--r-color-dark-lighten-15);
--r-button-default-color: var(--r-color-white-darken-20);
--r-button-default-hover-background: var(--r-color-dark-lighten-6);
--r-button-default-hover-background-end: var(--r-color-dark-lighten-3);
--r-button-default-hover-border: var(--r-color-dark-lighten-20);
--r-button-default-hover-color: var(--r-color-white-darken-20);
--r-nav-link-color: var(--r-color-link);
--r-nav-dimmed-link-color: var(--r-color-black-lighten-70);
--r-nav-active-link-color: var(--r-color-primary);
--r-nav-primary-color: var(--r-color-primary);
--r-form-input-placeholder-color: var(--r-color-light-lighten-30);
--r-form-input-background-color: var(--r-color-dark);
--r-form-input-color: var(--r-color-white);
--r-form-input-border-color: var(--r-color-dark-lighten-5);
--r-form-input-hover-border-color: var(--r-color-link);
--r-form-input-focus-border-color: var(--r-color-primary);
--r-form-text-color: var(--r-color-light-lighten-15);
--r-form-checkbox-label-color: var(--r-global-font-color);
--r-form-disable-input-color: var(--r-color-light-lighten-5);
--r-form-primary-color: var(--r-color-light-lighten-2);
--r-form-primary-border-color: var(--r-color-light-lighten-5);
--r-form-primary-hover-color: var(--r-color-info);
--r-form-primary-focus-color: var(--r-color-white);
--r-form-error-color: var(--r-color-danger);
--r-form-success-color: var(--r-color-success);
--r-form-warning-color: var(--r-color-info);
--r-form-radio-selected-color: var(--r-color-primary);
--r-form-radio-text-color: color-mix(in srgb, var(--r-form-text-color), white 20%);
--r-form-radio-selected-background-color: var(--r-color-light);
--r-form-field-search-hint-background: var(--r-color-dark);
--r-form-field-search-hint-border-color: var(--r-color-dark-lighten-15);
--r-form-field-search-divider-color: var(--r-color-dark-lighten-2);
--r-form-field-search-item-hover-background: var(--r-color-dark-lighten-2);
--r-form-field-search-border-color: var(--r-color-dark-lighten-2);
--r-form-field-search-hint-color: var(--r-global-font-color);
--r-table-header-border-color: var(--r-color-light-darken-10);
--r-table-border-color: var(--r-color-light-darken-5);
--r-table-row-hover-color: var(--r-color-light-darken-2);
--r-table-primary-header-color: var(--r-color-light-darken-5);
--r-table-row-striped-color: var(--r-color-light-darken-2);
--r-table-row-striped-hover-color: var(--r-color-dark-lighten-10);
--r-table-row-highlight-color: color-mix(in srgb, var(--r-color-primary), black 80%);
--r-img-caption-color: var(--r-color-dark-lighten-40);
--r-badge-background: var(--r-color-dark-lighten-5);
--r-badge-color: var(--r-global-font-color);
--r-breadcrumb-default-color: var(--r-color-dark-lighten-40);
--r-breadcrumb-sep-color: var(--r-color-dark-lighten-70);
--r-card-header-footer-border: var(--r-color-light-lighten-5);
--r-card-header-footer-color: var(--r-color-light-lighten-15);
--r-card-background: var(--r-color-light);
--r-dropdown-background: var(--r-color-dark-lighten-2);
--r-dropdown-border-color: var(--r-color-dark-lighten-15);
--r-dropdown-item-color: var(--r-color-white-darken-20);
--r-dropdown-item-hover-background-color: var(--r-color-dark-lighten-5);
--r-dropdown-item-hover-color: var(--r-color-white);
--r-dropdown-item-sep: var(--r-color-dark-lighten-8);
--r-modal-background: rgba(0, 0, 0, 0.5);
--r-modal-content-background: var(--r-color-light);
--r-modal-border-color: var(--r-color-dark-lighten-2);
--r-modal-close-color: var(--r-color-white-darken-50);
--r-accordion-border-color: var(--r-color-light);
--r-tab-active-color: var(--r-color-primary);
--r-tab-border-color: var(--r-color-light-darken-5);
--r-progress-background: var(--r-color-white-darken-5);
--r-progress-bar-color: var(--r-color-white-darken-30);
--r-collage-caption-background: 0, 0, 0;
--r-collage-caption-color: var(--r-color-white);
--r-avatar-label-color: var(--r-color-white-darken-10);
--r-avatar-label-hover-color: var(--r-color-white-darken-20);
--r-tag-color: var(--r-color-dark);
--r-tag-background: var(--r-color-black);
--r-tag-border-color: var(--r-color-light);
--r-tag-text-color: var(--r-color-dark-lighten-50);
--r-comment-border: var(--r-color-dark-lighten-10);
--r-comment-highlight-color: color-mix(in srgb, var(--r-theme-color), white 10%);
--r-loader-border-color: var(--r-color-dark-lighten-20);
--r-loader-border-top-color: var(--r-color-dark-lighten-50);
--r-icon-color: var(--r-form-input-placeholder-color);
--r-code-background: var(--r-color-light);
--r-code-color: var(--r-color-white-darken-30);
--r-box-background-color: var(--r-color-dark);
--r-box-border-color: var(--r-color-dark-lighten-10);
--r-box-header-text-color: var(--r-global-font-color-light);
--r-box-footer-color: var(--r-color-dark-lighten-60);
--r-message-close-color: var(--r-color-light-lighten-30);
--r-layout-border-color: #1f2937;
--r-layout-header-background-color: var(--r-theme-color);
--r-layout-header-border-color: var(--r-layout-border-color);
--r-layout-header-toggle-color: var(--r-global-font-color);
--r-layout-header-nav-color: var(--r-global-font-color);
--r-layout-secondary-background-color: var(--r-theme-color);
--r-sidebar-nav-header-color: var(--r-global-font-color);
--r-sidebar-group-sep-color: var(--r-layout-border-color);
--r-sidebar-nav-link-color: var(--r-global-font-color);
--r-sidebar-nav-link-hover-color: var(--r-color-white);
--r-sidebar-nav-active-background-color: var(--r-color-light);
--r-sidebar-nav-active-color: var(--r-color-white);
--r-tooltip-bg-color: var(--r-color-dark);
--r-tooltip-text-color: var(--r-color-white);
--r-tooltip-border-color: var(--r-color-tertiary);
--r-tooltip-content-btn-bg-color: var(--r-color-tertiary);
--r-popover-background: var(--r-color-dark);
--r-popover-color: var(--r-global-font-color);
--r-popover-border-color: var(--r-color-dark-lighten-10);
--r-drawer-container-background: var(--r-modal-background);
--r-drawer-background: var(--r-modal-content-background);
--r-drawer-close-button-color: var(--r-modal-close-color);
--r-drawer-border-radius: var(--r-modal-content-radius);
--r-drawer-content-spacing: var(--r-modal-content-spacing);
--r-drawer-border-color: var(--r-modal-border-color);
--r-form-switch-background-color: var(--r-color-light-lighten-10);
--r-form-switch-checked-background-color: var(--r-color-primary);
--r-form-switch-handler-color: var(--r-color-white);
--r-form-range-track-color: var(--r-color-light-lighten-10);
--r-action-menu-item-color: var(--r-global-font-color);
--r-action-menu-item-hover-color: var(--r-color-primary);
--r-action-menu-item-background: transparent;
--r-action-menu-item-hover-background: var(--r-color-light);
--r-pagination-item-active-background-color: var(--r-color-primary);
--r-pagination-item-color: var(--r-global-font-color);
--r-pagination-item-hover-color: var(--r-global-font-color);
--r-pagination-item-background: transparent;
--r-pagination-item-hover-background: var(--r-color-light);
--r-pagination-item-border-radius: var(--r-global-border-radius);
--r-pagination-item-border-color: var(--r-color-light);
--r-block-box-color: var(--r-global-font-color);
--r-block-box-hover-color: var(--r-color-white);
--r-block-box-hover-background: var(--r-color-primary);
--r-block-box-icon-color: var(--r-color-dark-lighten-30);
--r-block-box-hl-color: var(--r-color-dark-lighten-30);
--r-block-form-group-border-color: var(--r-color-dark);
--r-block-form-border-color: var(--r-block-form-group-border-color);
--r-block-form-text-color: var(--r-color-dark-lighten-30);
--r-block-list-item-border-color: var(--r-color-light);
--r-block-stat-item-hover-background-color: var(--r-color-light);
--r-quick-menu-background: var(--r-color-light);
--r-quick-menu-link-hover-background: var(--r-color-light-darken-30);
--r-block-stat-table-header-color: var(--r-global-font-color-light);
--r-block-stat-table-indicator-color: var(--r-color-light);
--r-combo-box-background: var(--r-color-dark-lighten-2);
--r-combo-box-border-color: var(--r-color-dark-lighten-15);
--r-combo-box-item-color: var(--r-color-white-darken-20);
--r-combo-box-item-hover-background-color: var(--r-color-dark-lighten-5);
--r-combo-box-item-hover-color: var(--r-color-white);
--r-combo-box-item-sep: var(--r-color-dark-lighten-8);
--r-combo-box-secondary-color: var(--r-color-white-darken-50);
--r-combo-box-item-header-color: var(--r-color-white-darken-60);