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 */
|
/* 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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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" />
|
||||||
|
Loading…
Reference in New Issue
Block a user