:root {
     --theme-base-color-amount: 10%;
     --accent-color: var(--os-accent-color);
     --background-color: rgba(0, 0, 0, 0.05);

     --t005: rgba(0, 0, 0, 0.05);
     --t015: rgba(0, 0, 0, 0.15);
     --t030: rgba(0, 0, 0, 0.3);
     --t050: rgba(0, 0, 0, 0.5);
     --t075: rgba(0, 0, 0, 0.75);
     

     /* brand accent color hover */
     --bg-brand: color-mix(in oklab,var(--accent-color) 90%,var(--theme-base-color,#000)) !important;

     /* button color */
     --brand-500: var(--accent-color) !important;

     /* button activate color */
     --brand-560: color-mix(in oklab,var(--accent-color) 80%,var(--theme-base-color,#000)) !important;

     /* button hover color */
     --brand-600: color-mix(in oklab,var(--accent-color) 80%,var(--theme-base-color,#000)) !important;


     /* primary color for the entire bg */
     --neutral-76: var(--background-color);

     /* secondary color like friend list and chat member list bg */
     --neutral-72: var(--t005);

     /* bg base low like input area and user control panel at the bottom left corner and chat text input bo*/
     --neutral-69: var(--t015);

     /* info cards, embedded and hover pop-up bg */
     --neutral-66: var(--t075);

     /* apps in this server cards bg */
     --neutral-65: var(--t075);

     /* card items like plugin and theme list bg */
     --neutral-79: var(--t050);

     /* floating cards like context menu and drop downs bg */
     --neutral-63: var(--t075);
     
     /* user popup */
     --neutral-92: var(--t075);

     /* friend finder input box */
     --neutral-83: var(--t030);
     
     /* hashtag signs bg for the start of a channel */
     --neutral-59: var(--accent-color);

     
     /* message hover utility bar bg */
     --background-surface-highest: color-mix(in oklab,var(--t050) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%)) !important;

     /* friend activity bg */
     --background-primary: color-mix(in oklab,var(--t015) 0%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%)) !important;
     --background-surface-high: color-mix(in oklab,var(--t030) 0%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%)) !important;
}    

/* call and stage bg */
.callContainer_cb9592.theme-dark.images-dark,
.callContainer__722ff.theme-dark.images-dark,
.rowContainer__8a920,
.scroller__56ccd,
.participants__9c309,
.tileContainer__71eb2 {
     background-color: var(--t015) !important;
}

/* background color for app panel */
.slideContent__9c62c {background-color: var(--background-surface-high);}

.visual-refresh .childWrapperNoHoverBg__6e9f8 {background-color: var(--accent-color);}

/* check mark toggle bg */
.checked__87bf1 {background-color: var(--accent-color) !important;}

/* server selector indicator */
/* .item__58105 {background-color: var(--accent-color);} */

/* button bg */
/* :where(.visual-refresh) .button__201d5 {background-color: var(--accent-color);} */
