파일 업로드 다크모드 적용

This commit is contained in:
Min-Soo Kim 2021-01-08 03:18:26 +09:00
parent 5c1c0607b6
commit bcd6357fef

View file

@ -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;
}