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

style

Browse Source
This commit is contained in:
Martti Malmi 2020-04-03 09:57:28 +03:00
parent 8f8cae356f
commit 0981cc04cc
4 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/css/dark.css
View File

@ -1,5 +1,6 @@
/* dark.css: 👉 light-on-dark */ /* dark.css: 👉 light-on-dark */
:root { :root {
--body-bg: #101126;
--text-color: #ffffff; --text-color: #ffffff;
--text-time: rgba(255, 255, 255, 0.45); --text-time: rgba(255, 255, 255, 0.45);
--main-color: rgb(22, 23, 44); --main-color: rgb(22, 23, 44);
@ -21,4 +22,6 @@
--button-hover-bg: rgba(107,115,255,0.1); --button-hover-bg: rgba(107,115,255,0.1);
--sidebar-border-right: 1px solid #3D3E66; --sidebar-border-right: 1px solid #3D3E66;
--zebra-stripe-bg: #22244C; --zebra-stripe-bg: #22244C;
--emoji-picker-bg: #22244C;
--link-color: #1DC0F2;
} }

2
src/css/light.css
View File

@ -1,5 +1,6 @@
/* light.css: 👉 dark-on-light */ /* light.css: 👉 dark-on-light */
:root { :root {
--body-bg: #fff;
--text-color: #262626; --text-color: #262626;
--text-time: rgba(0, 0, 0, 0.45); --text-time: rgba(0, 0, 0, 0.45);
--main-color: #e5ddd5; --main-color: #e5ddd5;
@ -21,4 +22,5 @@
--button-hover-bg: #ccc; --button-hover-bg: #ccc;
--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);
--link-color: initial;
} }

7
src/css/style.css
View File

@ -15,11 +15,13 @@ body {
margin: 0; margin: 0;
height:100%; height:100%;
overflow:hidden; overflow:hidden;
background-color: var(--body-bg);
} }
a { a {
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
color: var(--link-color);
} }
a:hover, a:focus { a:hover, a:focus {
@ -104,7 +106,6 @@ img {
.chat { .chat {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background-color: var(--msg-content-background);
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
position: fixed; position: fixed;
@ -351,6 +352,10 @@ header #back-button {
display: none; display: none;
} }
.emoji-picker {
background: var(--emoji-picker-bg);
}
.emoji-picker__tab { .emoji-picker__tab {
font-size: 35px !important; font-size: 35px !important;
} }

1
src/index.html
View File

@ -6,7 +6,6 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="Social Networking Freedom"> <meta name="description" content="Social Networking Freedom">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta property="og:title" content="Iris Messenger" /> <meta property="og:title" content="Iris Messenger" />
<meta property="og:description" content="Encrypted P2P Messaging" /> <meta property="og:description" content="Encrypted P2P Messaging" />
<meta property="og:url" content="https://iris.to" /> <meta property="og:url" content="https://iris.to" />