@import "./common.css";

:root {
    --mdc-theme-primary: var(--codename-theme);
    --mdc-theme-secondary: var(--codename-secondary);
    --mdc-theme-secondary-light: var(--codename-light);
    --mdc-theme-on-primary: #ffffff;
    --mdc-theme-on-secondary: white;
    --mdc-theme-surface: rgb(44, 44, 44);
    --mdc-theme-on-surface: whitesmoke;
    --mpc-background: rgb(46, 46, 46);
    --mpc-menu-background: rgb(22, 22, 22);
    --mpc-menu-background-image: rgb(22, 22, 22, .5);
    --mpc-menu-background-image-more: rgb(22, 22, 22, .75);
    --mpc-text: whitesmoke;
    --mpc-menu-selected: var(--mdc-theme-secondary-light);
    --mpc-menu-header: rgb(223, 223, 223);
    --mpc-menu-subtitle: rgb(182, 182, 182);
    --mpc-icons: rgb(226, 226, 226);
    --mpc-separator: rgb(138, 138, 138);

    --mpc-home-pages: rgb(179, 229, 252);
    --mpc-home-calendar: rgb(200, 230, 201);
    --mpc-home-gallery: rgb(255, 205, 210);
    --mpc-home-appearance: rgb(255, 249, 196);
    --mpc-home-data: rgb(178, 223, 219);
    --mpc-home-housekeeping: rgb(209, 196, 233);

    --mpc-slse-hover1: rgba(255, 255, 255, 0.25);
    --mpc-slse-hover2: rgba(255, 255, 255, 0.1);
}

/* --------------------- */

.ck.ck-content {
    background: #4a4a4a !important;
}

.message_img {
    filter: invert(100%);
}

.mdi-icbtn-card {
    color: rgba(255,255,255,1) !important;
}