Небольшой прогресс

2026-07-10 03:09:35 +05:00
parent d1dee1cf63
commit be9fbc9e13
5 changed files with 606 additions and 69 deletions
@@ -0,0 +1,112 @@
+/* Settings for dark system theme, same as color-sheme-light */
+:root {
+    --bg-color: #ddd;
+    --text-color: #222;
+    --accent-color: #007bff;
+    --border-color: #aaa;
+    --shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    --font-family: 'Arial', sans-serif;
+    --text-shadow: 0 2px 4px rgba(150, 150, 150, 0.3);
+    --width: 80vw;
+    --font-size: 1rem;
+}
+
+@media (max-width: 756px) {
+    :root {
+        --font-size: 1.1rem;
+        --width: 92vw;
+    }
+}
+@media (min-width: 757px) and (max-width: 1024px) {
+    :root {
+        --font-size: 1rem;
+        --width: 90vw;
+    }
+}
+
+/* Settings for dark system theme, same as color-sheme-dark */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg-color: #222;
+    --text-color: #ddd;
+    --accent-color: #40a9ff;
+    --border-color: #444;
+    --text-shadow: 0 2px 4px rgba(150, 150, 150, 0.3);
+    --font-family: 'Arial', sans-serif;
+  }
+}
+
+.flxd-tm-color-scheme-dark {
+    --bg-color: #222;
+    --text-color: #ddd;
+    --accent-color: #40a9ff;
+    --border-color: #444;
+    --text-shadow: 0 2px 4px rgba(150, 150, 150, 0.3);
+    --font-family: 'Arial', sans-serif;
+}
+.flxd-tm-color-scheme-light {
+    --bg-color: #ddd;
+    --text-color: #222;
+    --accent-color: #007bff;
+    --border-color: #aaa;
+    --text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    --font-family: 'Arial', sans-serif;
+}
+.flxd-tm-color-scheme-old-terminal {
+    --bg-color: #222;
+    --text-color: #9d9;
+    --accent-color: #40a9ff;
+    --border-color: #444;
+    --text-shadow: 0px 0px 10px rgba(255, 255, 0, 0.9);
+    --font-family: Monospace;
+}
+
+body {
+    margin: auto;
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    text-shadow: var(--text-shadow);
+    font-family: var(--font-family);
+    transition: background-color 0.3s ease, color 0.3s ease, font-size 0.3s ease;
+    width: var(--width);
+    font-size: var(--font-size);
+}
+a {
+    color: var(--text-color);
+    transition: background-color 0.3s ease, color 0.3s ease;
+    text-shadow: var(--text-shadow);
+    font-family: var(--font-family);
+    font-weight: bold;
+    transition:transform 0.3s ease, color 0.3s ease;
+    text-decoration:underline;
+    display:inline-block;
+}
+a:hover, a:focus {
+    transform: scale(1.05);
+    color:var(--accent-color);
+    text-shadow: var(--accent-color);
+    text-decoration: none;
+}
+.button {
+    background-color: var(--accent-color);
+    border: 1px solid var(--border-color);
+    padding: 0.5rem 1rem;
+    color: var(--text-color);
+    border-radius: 4px;
+    font-family: var(--font-family);
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+#flxd-tm-btn-toggle {
+    position: fixed;
+    width: 30px;
+    height: 30px;
+    right: 15px;
+    top: 15px;
+    border-radius: 18px;
+    padding: 2px;
+    filter: drop-shadow(var(--text-shadow));
+    cursor: pointer;
+    background-color: rgba(150, 150, 150, 0.3);
+    opacity: 0.6;
+}