.html[theme="light"] {
    --page-main-text: #1f2937;
    --page-main-text-hover: #374151;
    --page-main-text-active: #4b5563;
    --page-main-text-title: rgba(31, 41, 55, 0.5);
    --page-reverse-text: #f7fafc;
    --page-reverse-text-hover: #edf2f7;
    --page-reverse-text-active: #e2e8f0;
    --page-background: #f7fafc;
    --page-background-hover: #d1d5db;
    --matte-topbar-userimage-back: #b3b8c3;
    --matte-topbar-height: 80px;
    --matte-table-row-odd: #f2f6fb;
    --matte-table-row-even: #f3f6f9;
    --matte-table-header-back: #11182766;
    --matte-mav-item-link: #4b5563;
    --matte-tooltip-back: #111827;
    --matte-tooltip-color: #f7fafc;
    --matte-sidebar-back: #0f1722;
    --matte-modal-borders: #cbd5e1;
    --matte-modal-closingbutton-hover: #aaaaaa22;
    --matte-modal-caption-back: #3b465480;
    --matte-topbar-back: #283044;
    --matte-login-page-background: #1b2340;
    --matte-label-title: #11182766;
    --matte-textbox-focus-border: #1573d6;
    --matte-textbox-focus: #1573d6;
    --matte-input-border-bottom: #9ca3af;
    --matte-drop-back: #f8fafc;
    --matte-drop-border-color: #e2e8f0;
    --matte-drop-active-color: #1e40af;
    --matte-drop-active-back: #eef2ff;
    --matte-file-drop-content-color: #0f172a;
    --matte-file-drop-content-span-color: #6b7280;
    --matte-checkbox-back: #9ca3af;
    --matte-chackbox-back-checked: #1e40af;
    --matte-autocomplete-suggestion-border: #e6eef8;
    --matte-autocomplete-suggestion-hover: #eef2ff;
    --matte-loading-page-back: rgba(255,255,255,0.8);
    --matte-loading-color: #1f2937;
}
/*
.html[theme="dark"] { 

}*/