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 15:51:33 +03:00
parent 6c4fee53ad
commit 9b30fd27cf
3 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/css/dark.css
View File

@ -9,19 +9,24 @@
--chat-hover: #171833;
--msg-content-background: #22244C;
--our-msg: #314C22;
--notify: #476974;
--notify: #1DC0F2;
--login-background: rgb(22, 23, 44);
--seen-indicator: rgba(255, 255, 255, 0.45);
--input-bg: #262642;
--input-text: #ffffff;
--input-placeholder: #ccc;
--small-text-color: #bbb;
--msg-form-button-color: #1DC0F2;
--button-bg: rgba(0,0,0,0);
--button-color: #1DC0F2;
--button-border: 2px solid #1DC0F2;
--button-hover-bg: rgba(107,115,255,0.1);
--sidebar-border-right: 1px solid #3D3E66;
--zebra-stripe-bg: #22244C;
--emoji-picker-bg: #22244C;
--emoji-picker-bg: #262642;
--emoji-picker-color: #fff;
--emoji-picker-border-color: #3D3E66;
--link-color: #1DC0F2;
--day-separator-bg: rgba(29, 192, 242, 0.91);
--day-separator-color: rgba(255, 255, 255, 0.88);
}

3
src/css/light.css
View File

@ -16,6 +16,7 @@
--input-text: #262626;
--input-placeholder: #a9a9a9;
--small-text-color: #777;
--msg-form-button-color: #999;
--button-bg: #ddd;
--button-color: initial;
--button-border: 0;
@ -23,4 +24,6 @@
--sidebar-border-right: 1px solid #dfdfdf;
--zebra-stripe-bg: rgba(255,255,255,0.5);
--link-color: initial;
--day-separator-bg: rgba(227, 249, 255, 0.91);
--day-separator-color: rgba(74, 74, 74, 0.88);
}

14
src/css/style.css
View File

@ -275,14 +275,14 @@ header #back-button {
.day-separator {
display: inline-block;
border-radius: 8px;
background-color: rgba(227, 249, 255, 0.91);
background-color: var(--day-separator-bg);
padding: 6px 10px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
font-size: 13px;
color: rgba(74, 74, 74, 0.88);
color: var(--day-separator-color);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
user-select: none;
}
@ -353,7 +353,13 @@ header #back-button {
}
.emoji-picker {
background: var(--emoji-picker-bg);
background: var(--emoji-picker-bg) !important;
border-color: var(--emoji-picker-border-color) !important;
}
.emoji-picker * {
color: var(--emoji-picker-color) !important;
border-color: var(--emoji-picker-border-color) !important;
}
.emoji-picker__tab {
@ -386,7 +392,7 @@ header #back-button {
.message-form button, .message-form button:hover, .message-form button:active, .message-form button:focus {
flex: none;
color: #999;
color: var(--msg-form-button-color);
background-color: transparent;
font-size: 30px;
padding: 5px;