もう少しいじってください

Signed-off-by: Izuru Yakumo <yakumo.izuru@chaotic.ninja>

git-svn-id: file:///srv/svn/repo/mai/trunk@51 e410bdd4-646f-c54f-a7ce-fffcc4f439ae

static/style.css

@@ -1,27 +1,32 @@
+body {
+    background-color: #ffffff;
+    color: rgb(206, 147, 191);
+}
+a {
+    color: rgb(206, 147, 191);
+}
+a:visited {
+    color: rgb(206, 147, 191);
+}
 .center {
     text-align: center;
 }
-
 .wrap {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }
-
 .wrap.languages {
     flex-wrap: nowrap;
     margin-bottom: 20px;
 }
-
 #could_not_switch_languages_text {
     color: red;
 }
-
 .item {
     width: 100%;
     height: 150px;
 }
-
 .item-wrapper {
     display: flex;
     flex-wrap: wrap;
@@ -30,31 +35,24 @@
     margin: 5px 10px;
     gap: 10px;
 }
-
-
 .language,
 .switch_languages {
     display: flex;
 }
-
 .language {
     margin: 0px 10px;
 }
-
 .switch_languages {
     margin: 0px 5px;
 }
-
 #switchbutton {
     white-space: nowrap;
 }
-
 button {
     font-size: 1rem;
     padding: 4px 10px;
     border: 2px solid #888888;
 }
-
 input,
 select,
 textarea {
@@ -63,7 +61,6 @@ textarea {
     padding: 4px;
     border: 2px solid #888888;
 }
-
 textarea {
     resize: vertical;
     height: 5rem;
@@ -72,7 +69,6 @@ textarea {
     /* Stretch to form width */
     width: 100%;
 }
-
 input:focus,
 select:focus,
 textarea:focus,
@@ -95,7 +91,6 @@ body {
     grid-template-areas: "definitions translations";
 
 }
-
 .def_type {
     color: #007979;
     text-transform: capitalize;
@@ -104,85 +99,77 @@ body {
 .syn {
     color: #804700;
 }
-
 .syn_type {
     color: #007979;
 }
-
 .use_in_sentence {
     color: #009902;
 }
-
 .definitions li:not(:last-child) {
     margin-bottom: 1rem;
 }
-
 @media screen and (max-width: 1200px) {
     #definitions_and_translations {
-        display: grid;
-        width: 90vw;
-        grid-template-areas:
-            "definitions definitions"
-            "translations translations";
+	display: grid;
+	width: 90vw;
+	grid-template-areas:
+	    "definitions definitions"
+	    "translations translations";
     }
 }
-
-
 div.definitions {
     grid-area: definitions;
 }
-
 div.translations {
     grid-area: translations;
 }
-
 a {
     text-decoration: none;
 }
-
 @media screen and (prefers-color-scheme: dark) {
+    /* Loosely based on エレガントなお嬢様 - https://github.com/mei23/misskey/blob/mei-m544/src/client/themes/promo.json5 */
     body {
-        background-color: #212529;
-        color: #f8f9fa;
+        background-color: #700000;
+        color: #ffffff;
     }
-
     #could_not_switch_languages_text {
-        color: #F13333;
+        color: yellow;
     }
 
     a:visited {
-        color: #9759f6;
+        color: #18c018;
         text-decoration: none;
     }
-
     a {
-        color: #599bf6;
+        color: #18c018;
         text-decoration: none;
     }
-
-    input,
-    select,
-    button,
-    textarea {
-        background-color: #131618;
-        border-color: #495057;
-        color: #f8f9fa;
+    button {
+	background-color: #18c018;
+	color: #ffffff;
+    }
+    input,
+    textarea {
+        background-color: #5b0000;
+        border-color: #202020;
+        color: #b3784b;
+    }
+    select,
+    option {
+	background-color: #5b0000;
+	color: #ffffff;
     }
-
     .def_type {
-        color: cyan;
+        color: #5d590c;
         text-transform: capitalize;
     }
-
     .syn {
-        color: burlywood;
+        color: #bc8080;
     }
-
     .syn_type {
-        color: cyan;
+        color: #358611;
     }
-
     .use_in_sentence {
-        color: yellow;
+        color: #d7b081;
     }
-}
+}