Changeset 51 in code for trunk/static

Timestamp:

Oct 7, 2023, 5:36:50 PM (20 months ago)

Author:

yakumo.izuru

Message:

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

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

File:

• trunk/static/style.css (modified) (8 diffs)

trunk/static/style.css

@@ +1 @@
+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;
@@ -8 +17 @@
     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;
@@ -31 +36 @@
     gap: 10px;
 }
-
-
 .language,
 .switch_languages {
     display: flex;
 }
-
 .language {
     margin: 0px 10px;
 }
-
 .switch_languages {
     margin: 0px 5px;
 }
-
 #switchbutton {
     white-space: nowrap;
 }
-
 button {
     font-size: 1rem;
@@ -55 +54 @@
     border: 2px solid #888888;
 }
-
 input,
 select,
@@ -64 +62 @@
     border: 2px solid #888888;
 }
-
 textarea {
     resize: vertical;
@@ -73 +70 @@
     width: 100%;
 }
-
 input:focus,
 select:focus,
@@ -96 +92 @@
 
 }
-
 .def_type {
     color: #007979;
@@ -105 +100 @@
     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;
     }
-
+    button {
+        background-color: #18c018;
+        color: #ffffff;
+    }
     input,
+    textarea {
+        background-color: #5b0000;
+        border-color: #202020;
+        color: #b3784b;
+    }
     select,
-    button,
-    textarea {
-        background-color: #131618;
-        border-color: #495057;
-        color: #f8f9fa;
+    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;
     }
 }