Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-02-11 04:27:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add theming support

Browse Source
This commit is contained in:
Robert Long
2021-11-17 17:52:31 -08:00
parent 3df1f89f06
commit 10a8433ccf
8 changed files with 34 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/Input.module.css
View File

@@ -39,8 +39,8 @@
border: none;
border-radius: 4px;
padding: 8px 9px;
color: white;
background-color: #21262c;
color: var(--textColor1);
background-color: var(--bgColor2);
flex: 1;
min-width: 0;
}
@@ -58,7 +58,7 @@
.inputField label {
transition: font-size 0.25s ease-out 0.1s, color 0.25s ease-out 0.1s,
top 0.25s ease-out 0.1s, background-color 0.25s ease-out 0.1s;
color: white;
color: var(--textColor1);
background-color: transparent;
font-size: 14px;
position: absolute;
@@ -83,7 +83,7 @@
.inputField input:focus + label,
.inputField input:not(:placeholder-shown) + label {
background-color: #21262c;
background-color: var(--bgColor2);
transition: font-size 0.25s ease-out 0s, color 0.25s ease-out 0s,
top 0.25s ease-out 0s, background-color 0.25s ease-out 0s;
font-size: 10px;
@@ -138,8 +138,8 @@
}
.checkboxField input[type="checkbox"]:checked + label > .checkbox {
background: #0dbd8b;
border-color: #0dbd8b;
background: var(--primaryColor);
border-color: var(--primaryColor);
}
.checkboxField input[type="checkbox"]:checked + label > .checkbox svg {
@@ -152,7 +152,7 @@
border-radius: 8px;
font-size: 14px;
color: #fff;
background-color: #0dbd8b;
background-color: var(--primaryColor);
width: auto;
padding: 7px 15px;
cursor: pointer;