mirror of
https://github.com/irislib/iris-messenger.git
synced 2024-10-18 14:13:21 +00:00
style
This commit is contained in:
parent
8f8cae356f
commit
0981cc04cc
@ -1,5 +1,6 @@
|
||||
/* dark.css: 👉 light-on-dark */
|
||||
:root {
|
||||
--body-bg: #101126;
|
||||
--text-color: #ffffff;
|
||||
--text-time: rgba(255, 255, 255, 0.45);
|
||||
--main-color: rgb(22, 23, 44);
|
||||
@ -21,4 +22,6 @@
|
||||
--button-hover-bg: rgba(107,115,255,0.1);
|
||||
--sidebar-border-right: 1px solid #3D3E66;
|
||||
--zebra-stripe-bg: #22244C;
|
||||
--emoji-picker-bg: #22244C;
|
||||
--link-color: #1DC0F2;
|
||||
}
|
||||
|
@ -1,5 +1,6 @@
|
||||
/* light.css: 👉 dark-on-light */
|
||||
:root {
|
||||
--body-bg: #fff;
|
||||
--text-color: #262626;
|
||||
--text-time: rgba(0, 0, 0, 0.45);
|
||||
--main-color: #e5ddd5;
|
||||
@ -21,4 +22,5 @@
|
||||
--button-hover-bg: #ccc;
|
||||
--sidebar-border-right: 1px solid #dfdfdf;
|
||||
--zebra-stripe-bg: rgba(255,255,255,0.5);
|
||||
--link-color: initial;
|
||||
}
|
||||
|
@ -15,11 +15,13 @@ body {
|
||||
margin: 0;
|
||||
height:100%;
|
||||
overflow:hidden;
|
||||
background-color: var(--body-bg);
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
@ -104,7 +106,6 @@ img {
|
||||
.chat {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: var(--msg-content-background);
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
@ -351,6 +352,10 @@ header #back-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.emoji-picker {
|
||||
background: var(--emoji-picker-bg);
|
||||
}
|
||||
|
||||
.emoji-picker__tab {
|
||||
font-size: 35px !important;
|
||||
}
|
||||
|
@ -6,7 +6,6 @@
|
||||
<meta charset="utf-8">
|
||||
<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="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta property="og:title" content="Iris Messenger" />
|
||||
<meta property="og:description" content="Encrypted P2P Messaging" />
|
||||
<meta property="og:url" content="https://iris.to" />
|
||||
|
Loading…
Reference in New Issue
Block a user