fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-04 17:21:39 +09:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #1548 from misol/file-attach-darkmode

Browse source 
파일 첨부 기본 스타일 다크모드 적용
This commit is contained in:
Kijin Sung 2021-01-08 15:04:59 +09:00 • committed by GitHub
commit 1d3d6517b3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 48 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

68
common/js/plugins/jquery.fileupload/css/style.css
View file

@ -8,15 +8,16 @@
.xefu-container {
margin: 10px 0;
border: 1px solid #c4c4c4;
background-color: #fff;
color: #000;
}
/* dropzone */
.xefu-dropzone {
padding: 12px;
border: 0;
background-color: #f5f6f6;
color: #000;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.in .xefu-dropzone {
background-color: #E9F3EF;
@ -26,10 +27,6 @@
border-radius: 5px;
}
.fade .xefu-dropzone {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 1;
}
@ -185,10 +182,6 @@
background-color: #6AB97D;
}
.xefu-btn {
display: inline-block;
*display: inline;
@ -209,15 +202,7 @@
cursor: pointer;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}
input.xefu-btn,
button.xefu-btn {
@ -228,7 +213,8 @@ button.xefu-btn {
.xefu-btn[disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
background-image: linear-gradient(to bottom, #e6e6e6, #c9c9c9);
background-repeat: repeat-x;
}
.xefu-btn>a,
.xefu-btn>button,
@ -281,3 +267,45 @@ p.xefu-dropzone-message {
margin: 0;
margin-left: 5px;
}
/* darkmode colorset */
.color_scheme_dark .xefu-container {
border: 1px solid #555;
background-color: #222;
color: #fff;
}
.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 {
background-color: #66ab8e;
}
.color_scheme_dark .xefu-container .xefu-list-files li.selected {
background-color: #66ab8e;
}
/* darkmode color: filelist:images */
.color_scheme_dark .xefu-list-images {
border-bottom: 1px solid #555;
}
.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-image: linear-gradient(to bottom, #333, #000);
}
.color_scheme_dark .xefu-container .xefu-btn:hover,
.color_scheme_dark .xefu-container .xefu-btn:active,
.color_scheme_dark .xefu-container .xefu-btn[disabled] {
color: #eee;
background-color: #555;
background-image: linear-gradient(to bottom, #555, #333);
}
.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 {
color: #eee;
}