TheDesk Mizuki (ver.6)

This commit is contained in:
cutls
2018-04-16 22:58:14 +09:00
parent 8902ef55c1
commit 223296a4cd
18 changed files with 177 additions and 44 deletions

View File

@@ -200,14 +200,50 @@ blockquote:before, .quote:before {
.blacktheme #imagemodal,.blacktheme #videomodal,.blacktheme #tootmodal {
background-color: black;
}
.blacktheme .collapsible-header {
.blacktheme .collapsible-header,.blacktheme .tabs,.blacktheme #pip {
background-color: #212121;
}
.blacktheme .tabs {
background-color: #212121;
/*indigo theme*/
.indigotheme body {
color: white;
background-color: #031833;
}
.blacktheme #pip {
background-color: #212121;
.indigotheme #drag {
color: white;
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
width: 100vw;
height: 100vh;
z-index: 99999;
justify-content: center;
align-items: center;
}
.indigotheme #imagemodal,.indigotheme #videomodal,.indigotheme #tootmodal {
background-color: #0d1351;
}
.indigotheme .collapsible-header,.indigotheme .tabs,.indigotheme #pip {
background-color: #0d1351;
}
/*brown theme*/
.browntheme body {
color: white;
background-color: #261411;
}
.browntheme #drag {
color: white;
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
width: 100vw;
height: 100vh;
z-index: 99999;
justify-content: center;
align-items: center;
}
.browntheme #imagemodal,.browntheme #videomodal,.browntheme #tootmodal {
background-color: #261411;
}
.browntheme .collapsible-header,.browntheme .tabs,.browntheme #pip {
background-color: #4e342e;
}
/*スクロールバー*/

View File

@@ -57,7 +57,6 @@
height: calc(100% - 190px);
overflow-y: scroll;
}
.emoji-control {}
#preview-field {
display: none;
}
@@ -65,11 +64,25 @@
color:white;
margin-right:2px;
}
.character-counter{
position: relative;
top: -25px;
}
/*black theme*/
.blacktheme #post-box {
background-color: #424242;
}
/*indigo theme*/
.indigotheme #post-box {
background-color: #1a237e ;
}
/*brown theme*/
.browntheme #post-box {
background-color: #4e342e;
}
/*
.blacktheme #drag {
width: 100%;
height: 100px;
@@ -77,10 +90,8 @@
color: white;
padding: 3px;
}
.character-counter{
position: relative;
top: -25px;
}
*/
/*mini*/
.mini-post .mize{

View File

@@ -309,30 +309,50 @@ p:not(:last-child){
}
/*black theme*/
.blacktheme .notf-box {
.blacktheme .notf-box,.blacktheme .modal-footer,.blacktheme #sidebar {
background-color: #424242;
}
.blacktheme .modal-footer {
background-color: #424242;
}
.blacktheme .btn-flat {
.blacktheme .btn-flat,.blacktheme .mention ,.blacktheme #sidebar a {
color: white
}
.blacktheme .shared {
background-color: #004d40;
}
.blacktheme .mention {
color: white;
}
.blacktheme .notice-box {
background-color: #333333;
}
.blacktheme .emphasized {
background-color: #4e342e;
}
.blacktheme #sidebar{
background-color: #424242;
/*indigo theme*/
.indigotheme .notf-box,.indigotheme .modal-footer,.indigotheme #sidebar {
background-color: #0d1351;
}
.blacktheme #sidebar a{
color:white;
.indigotheme .btn-flat,.indigotheme .mention ,.indigotheme #sidebar a {
color: white
}
.indigotheme .shared {
background-color: #004d40;
}
.indigotheme .notice-box {
background-color: #0d47a1;
}
.indigotheme .emphasized {
background-color: #4e342e;
}
/*brown theme*/
.browntheme .notf-box,.browntheme .modal-footer,.browntheme #sidebar {
background-color: #4e342e;
}
.browntheme .btn-flat,.browntheme .mention ,.browntheme #sidebar a {
color: white
}
.browntheme .shared {
background-color: #004d40;
}
.browntheme .notice-box {
background-color: #4e342e;
}
.browntheme .emphasized {
background-color: #0d47a1;
}

View File

@@ -41,4 +41,18 @@
}
.blacktheme .active-back{
background-color:#757575;
}
/*indigo theme*/
.indigotheme #his-data-show {
background-color: rgba(13, 19, 81,0.8);
}
.indigotheme .active-back{
background-color:#757575;
}
/*brown theme*/
.browntheme #his-data-show {
background-color: rgba(62, 39, 35,0.8);
}
.browntheme .active-back{
background-color:#757575;
}