Style changes for dark mode
This commit is contained in:
parent
9682a995e0
commit
05f65dc12b
@ -26,15 +26,16 @@
|
||||
}
|
||||
|
||||
:root[theme="dark"] {
|
||||
--background: rgb(40, 40, 40);
|
||||
--background: #141d28;
|
||||
--text: white;
|
||||
--box-main: rgb(62, 60, 60);
|
||||
--box-toggle: rgb(47, 47, 47);
|
||||
--box-toggleOn: rgb(2, 123, 63);
|
||||
--box-main: #161b26;
|
||||
--box-toggle: #141924;
|
||||
--box-separation: #1c2331;
|
||||
--box-toggleOn: #1d2835;
|
||||
--item-bg: rgb(75, 75, 75);
|
||||
--box-shadow: none;
|
||||
--select: rgb(68 214 141);
|
||||
--greenBtn: #56a025;
|
||||
--greenBtn: #24D166;
|
||||
--greenBtn-bottom: #3e6c20;
|
||||
--redBtn: #c82b2d;
|
||||
--redBtn-bottom: #803334;
|
||||
@ -347,7 +348,7 @@ body {
|
||||
margin: auto;
|
||||
top: 20%;
|
||||
background-color: var(--box-main);
|
||||
border-radius: 10px;
|
||||
border-radius: 15px;
|
||||
width: 80%;
|
||||
padding: 10px 10px 15px 10px;
|
||||
color: var(--text);
|
||||
@ -362,7 +363,7 @@ body {
|
||||
#audioExtract, .separationBox {
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
background-color: var(--box-toggle);
|
||||
background-color: var(--box-separation);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
@ -386,6 +387,7 @@ body {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.toggleBtn {
|
||||
|
Loading…
x
Reference in New Issue
Block a user