nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-10-18 14:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

more dark theme colors

Browse Source
This commit is contained in:
Martti Malmi 2020-04-03 16:17:53 +03:00
parent 9b30fd27cf
commit a9de9ebc94
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/css/dark.css
View File

@ -21,6 +21,7 @@
--button-color: #1DC0F2; --button-color: #1DC0F2;
--button-border: 2px solid #1DC0F2; --button-border: 2px solid #1DC0F2;
--button-hover-bg: rgba(107,115,255,0.1); --button-hover-bg: rgba(107,115,255,0.1);
--sidebar-bg: #22244C;
--sidebar-border-right: 1px solid #3D3E66; --sidebar-border-right: 1px solid #3D3E66;
--zebra-stripe-bg: #22244C; --zebra-stripe-bg: #22244C;
--emoji-picker-bg: #262642; --emoji-picker-bg: #262642;

4
src/css/light.css
View File

@ -21,8 +21,12 @@
--button-color: initial; --button-color: initial;
--button-border: 0; --button-border: 0;
--button-hover-bg: #ccc; --button-hover-bg: #ccc;
--sidebar-bg: #fff;
--sidebar-border-right: 1px solid #dfdfdf; --sidebar-border-right: 1px solid #dfdfdf;
--zebra-stripe-bg: rgba(255,255,255,0.5); --zebra-stripe-bg: rgba(255,255,255,0.5);
--emoji-picker-bg: #FFFFFF;
--emoji-picker-color: #777;
--emoji-picker-border-color: #CCCCCC;
--link-color: initial; --link-color: initial;
--day-separator-bg: rgba(227, 249, 255, 0.91); --day-separator-bg: rgba(227, 249, 255, 0.91);
--day-separator-color: rgba(74, 74, 74, 0.88); --day-separator-color: rgba(74, 74, 74, 0.88);

8
src/css/style.css
View File

@ -120,6 +120,7 @@ img {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1 0 10em; flex: 1 0 10em;
background: var(--sidebar-bg);
border-right: var(--sidebar-border-right); border-right: var(--sidebar-border-right);
} }
@ -530,13 +531,12 @@ small {
} }
#not-seen-by-them button { #not-seen-by-them button {
background: var(--msg-content-background); background: white;
color: var(--text-color); color: #262626;
} }
#not-seen-by-them button:hover, #not-seen-by-them button:active, #not-seen-by-them button:focus { #not-seen-by-them button:hover, #not-seen-by-them button:active, #not-seen-by-them button:focus {
background: var(--text-color); background: #ccc;
color: var(--msg-content-background);
} }
#enable-notifications-prompt { #enable-notifications-prompt {