mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-04 17:21:39 +09:00
파일 업로드 다크모드 적용
This commit is contained in:
parent
5c1c0607b6
commit
bcd6357fef
1 changed files with 23 additions and 11 deletions
|
|
@ -8,6 +8,8 @@
|
|||
.xefu-container {
|
||||
margin: 10px 0;
|
||||
border: 1px solid #c4c4c4;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
}
|
||||
/* dropzone */
|
||||
.xefu-dropzone {
|
||||
|
|
@ -292,19 +294,29 @@ p.xefu-dropzone-message {
|
|||
}
|
||||
|
||||
/* darkmode colorset */
|
||||
.color_scheme_dark .xefu-container .xefu-dropzone {
|
||||
body.color_scheme_dark .xefu-container {
|
||||
border: 1px solid #555;
|
||||
background-color: #222;
|
||||
color: #fff;
|
||||
}
|
||||
body.color_scheme_dark .xefu-container .xefu-dropzone {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
/* darkmode color: dragged contents on the layer */
|
||||
.color_scheme_dark .xefu-container .in .xefu-dropzone {
|
||||
body.color_scheme_dark .xefu-container .in .xefu-dropzone {
|
||||
background-color: #66ab8e;
|
||||
}
|
||||
.color_scheme_dark .xefu-container .xefu-list-files li.selected {
|
||||
body.color_scheme_dark .xefu-container .xefu-list-files li.selected {
|
||||
background-color: #66ab8e;
|
||||
}
|
||||
.color_scheme_dark .xefu-container .xefu-btn {
|
||||
/* darkmode color: filelist:images */
|
||||
body.color_scheme_dark .xefu-list-images {
|
||||
border-bottom: 1px solid #555;
|
||||
}
|
||||
body.color_scheme_dark .xefu-container .xefu-btn {
|
||||
color: #eeeeee;
|
||||
border: 1px solid #555;
|
||||
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.05);
|
||||
background-color: #131313;
|
||||
*background-color: #222222;
|
||||
|
|
@ -317,9 +329,9 @@ p.xefu-dropzone-message {
|
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=0);
|
||||
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
.color_scheme_dark .xefu-container .xefu-btn:hover,
|
||||
.color_scheme_dark .xefu-container .xefu-btn:active,
|
||||
.color_scheme_dark .xefu-container .xefu-btn[disabled] {
|
||||
body.color_scheme_dark .xefu-container .xefu-btn:hover,
|
||||
body.color_scheme_dark .xefu-container .xefu-btn:active,
|
||||
body.color_scheme_dark .xefu-container .xefu-btn[disabled] {
|
||||
color: #eee;
|
||||
background-color: #555;
|
||||
*background-color: #333;
|
||||
|
|
@ -332,9 +344,9 @@ p.xefu-dropzone-message {
|
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#333', GradientType=0);
|
||||
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
.color_scheme_dark .xefu-container .xefu-btn>a,
|
||||
.color_scheme_dark .xefu-container .xefu-btn>button,
|
||||
.color_scheme_dark .xefu-container .xefu-btn>input,
|
||||
.color_scheme_dark .xefu-container .xefu-btn>span {
|
||||
body.color_scheme_dark .xefu-container .xefu-btn>a,
|
||||
body.color_scheme_dark .xefu-container .xefu-btn>button,
|
||||
body.color_scheme_dark .xefu-container .xefu-btn>input,
|
||||
body.color_scheme_dark .xefu-container .xefu-btn>span {
|
||||
color: #eee;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue