173 lines
5.0 KiB
CSS
173 lines
5.0 KiB
CSS
/* light mode */
|
|
:root {
|
|
--main-background-color: #ffffff;
|
|
--main-background-color-inver: #0a0a0a;
|
|
--container-dark-background-color: #f2f1f7;
|
|
--dark-background-color: #f5f5f5;
|
|
--main-dark-gray: #808080;
|
|
--main-darker-gray: #797979c2;
|
|
--main-light-gray: #e5e5e5;
|
|
--border-color: rgba(0, 0, 0, 0.04);
|
|
--border-light-color: rgba(0, 0, 0, 0.1);
|
|
--dark-border-color: rgba(0, 0, 0, 0.2);
|
|
|
|
--main-background-color-notes: #f2f2f6;
|
|
|
|
--dark-item-icon: rgb(151, 151, 151);
|
|
--dark-item-icon-background: #fff;
|
|
--dark-item-icon-second-background: #dadada;
|
|
--dark-input-color: rgba(255, 255, 255, 0.87);
|
|
--common-input-background: #eeeeef;
|
|
|
|
--second-border-color: rgba(0, 0, 0, 0.1);
|
|
|
|
--blue-text: #3291fe;
|
|
--text-color: #000;
|
|
--text-color-old-notification: #000;
|
|
--invert-text-color: #fff;
|
|
--stroke-invert-text-color: black;
|
|
--bg-shadow: rgba(0, 0, 0, 0.2);
|
|
|
|
--battery-border-black: hsla(0, 0%, 0%, .5);
|
|
--battery-border-white: hsla(0, 0%, 100%, .5);
|
|
|
|
--phone-keypad-background: #e5e5e5;
|
|
--phone-shared-background: #f7f7f7;
|
|
|
|
--notification-old-background: rgb(150 150 150 / 0.3);
|
|
--notification-lockscreen: rgb(174, 173, 177, 0.7);
|
|
--notification-lockscreen-text-bold: black;
|
|
--notification-lockscreen-text: rgba(0, 0, 0, 0.9);
|
|
|
|
--whatsapp-bubble-color: #ffffff;
|
|
--whatsapp-bubble-color-personal: #cef7a7;
|
|
--whatsapp-background-color: #ebebeb;
|
|
--whatsapp-alert-background-color: #faedb2;
|
|
|
|
--emojinarea-background-color: #ffffff;
|
|
|
|
--main-background-color-reminders: #f2f1f7;
|
|
--main-superficial-color: #ffff;
|
|
|
|
--container-gallery-background-color: #f2f1f7b7;
|
|
--container-gallery-box-color: rgba(0, 0, 0, 0.3);
|
|
|
|
--keyboard-background: #eceef2;
|
|
--keyboard-key: #ffffff;
|
|
--keyboard-delete: #cdd2de;
|
|
|
|
--widget-background: rgba(245, 245, 245, 0.3);
|
|
--calendar-widget: #fff;
|
|
|
|
--phone-footer-background: rgba(255, 255, 255, 0.1);
|
|
|
|
--weazel-background: #f8f8fa;
|
|
--weazel-boxes: white;
|
|
--weazel-post-creator: #f8f8fa;
|
|
--weazel-post-input: rgba(0, 0, 0, 0.1);
|
|
|
|
--messages-bubble-background: #e9e9e9;
|
|
|
|
--instagram-button-dark: #eaeaea;
|
|
|
|
--contacts-background-boxes: #ffffff;
|
|
--contacts-background-view: #f2f1f6;
|
|
|
|
--twitter-background-container: #ffffff;
|
|
--twitter-dark-chat: #8b8b8b;
|
|
|
|
--market-bubble-chat: #0095f6;
|
|
|
|
--background-settings: #f2f1f6;
|
|
--background-settings-tabs: #ffffff;
|
|
--border-settings: #e5e1e1;
|
|
|
|
--background-opacity: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
/* dark mode */
|
|
:root :has([name=theme][value=dark]:checked) {
|
|
--main-background-color: #0a0a0a;
|
|
--main-background-color-inver: #fff;
|
|
--dark-background-color: rgba(255, 255, 255, 0.08);
|
|
--container-dark-background-color: #212124;
|
|
--main-dark-gray: #808080;
|
|
--main-darker-gray: #797979c2;
|
|
--main-light-gray: #e5e5e5;
|
|
--second-border-color: rgba(255, 255, 255, 0.1);
|
|
|
|
--main-background-color-notes: #0a0a0a;
|
|
|
|
--dark-item-icon: dimgray;
|
|
--dark-item-icon-background: #525252d7;
|
|
--dark-item-icon-second-background: #252525d7;
|
|
--dark-input-color: rgba(54, 54, 54, 0.87);
|
|
--common-input-background: rgba(255, 255, 255, 0.08);
|
|
|
|
--blue-text: #3291fe;
|
|
--text-color: #fff;
|
|
--text-color-old-notification: #c4c4c4;
|
|
--invert-text-color: #000;
|
|
--stroke-invert-text-color: white;
|
|
|
|
--border-color: rgba(255, 255, 255, 0.04);
|
|
--border-light-color: rgba(255, 255, 255, 0.1);
|
|
--dark-border-color: rgba(255, 255, 255, 0.2);
|
|
--bg-shadow: rgba(255, 255, 255, 0.2);
|
|
|
|
--battery-border-black: hsla(0, 0%, 0%, .5);
|
|
--battery-border-white: hsla(0, 0%, 100%, .5);
|
|
|
|
--phone-keypad-background: #333333;
|
|
--phone-shared-background: #242424;
|
|
|
|
--notification-old-background: rgba(61, 61, 61, 0.4);
|
|
--notification-lockscreen: rgba(30, 30, 30, 0.8);
|
|
--notification-lockscreen-text-bold: rgb(214, 214, 214);
|
|
--notification-lockscreen-text: rgba(214, 214, 214, 0.6);
|
|
|
|
--whatsapp-bubble-color: #525355;
|
|
--whatsapp-bubble-color-personal: #075E54;
|
|
--whatsapp-background-color: #1c1c1d;
|
|
--whatsapp-alert-background-color: rgba(0, 0, 0, 0.5);
|
|
|
|
--emojinarea-background-color: #303031;
|
|
|
|
--main-background-color-reminders: #0a0a0a;
|
|
--main-superficial-color: rgba(255, 255, 255, 0.08);
|
|
|
|
--container-gallery-background-color: rgba(51, 51, 51, 0.8);
|
|
--dark-background-color: rgba(255, 255, 255, 0.08);
|
|
|
|
--keyboard-background: #242426;
|
|
--keyboard-key: #68686a;
|
|
--keyboard-delete: #404042;
|
|
|
|
--widget-background: rgba(0, 0, 0, 0.5);
|
|
--calendar-widget: rgb(30, 30, 30);
|
|
|
|
--phone-footer-background: rgba(10, 10, 10, 0.3);
|
|
|
|
--weazel-background: #0a0a0a;
|
|
--weazel-boxes: #212124;
|
|
--weazel-post-creator: rgb(30, 30, 30);
|
|
--weazel-post-input: rgba(54, 54, 54, 0.87);
|
|
|
|
--messages-bubble-background: #262628;
|
|
|
|
--instagram-button-dark: #212124;
|
|
|
|
--contacts-background-boxes: #1c1c1e;
|
|
--contacts-background-view: #0a0a0a;
|
|
|
|
--twitter-background-container: black;
|
|
--twitter-dark-chat: #222222;
|
|
|
|
--market-bubble-chat: #1683cc;
|
|
|
|
--background-settings: #0a0a0a;
|
|
--background-settings-tabs: #1c1c1e;
|
|
--border-settings: #2b2b2d;
|
|
|
|
--background-opacity: rgba(0, 0, 0, 0.9);
|
|
} |