Minified version added

2026-06-20 03:50:42 +05:00
parent d1dee1cf63
commit 33729bc897
4 changed files with 243 additions and 23 deletions
@@ -0,0 +1,82 @@
+/* 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);
+}
+
+/* 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;
+}
+
+html {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    transition: background-color 0.3s ease, color 0.3s ease;
+    text-shadow: var(--text-shadow);
+    font-family: var(--font-family);
+}
+a {
+    color: var(--text-color);
+    transition: background-color 0.3s ease, color 0.3s ease;
+    text-shadow: var(--text-shadow);
+    text-decoration: underline;
+    font-family: var(--font-family);
+}
+.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: 20px;
+    height: 20px;
+    border-radius: 10px;
+    right: 15px;
+    top: 15px;
+    filter: drop-shadow(var(--text-shadow));
+    cursor: move;
+}
@@ -6,27 +6,12 @@
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Подопытный</title>
+    
    <link rel="stylesheet" href="css/felexdev-themes.css">
    <script src="js/felexdev-theme-manager.js"></script>
  </head>
 <body>
  <header>
-    <!-- Элемент хранящий в себе векторное изображение которое будет использоваться как содержимое кнопки переключения тем -->
-    <div id="svg-toggle-theme">
-    <svg
-        width="inherit"
-        height="inherit"
-        viewBox="0 0 135.46666 135.46667"
-        version="1.1"
-        id="svg1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:svg="http://www.w3.org/2000/svg">
-        <path
-            id="path1"
-            style="opacity:inherit;fill:currentColor;fill-opacity:1;stroke:#171717;stroke-width:0"
-            d="M 67.777258,12.777515 A 55,55 0 0 0 12.777515,67.777258 55,55 0 0 0 67.777258,122.77752 55,55 0 0 0 122.77752,67.777258 55,55 0 0 0 67.777258,12.777515 Z m -0.128157,4.95577 V 117.73338 A 50,50 0 0 1 17.733285,67.733333 50,50 0 0 1 67.649101,17.733285 Z" />
-    </svg>
-    </div>
 <h1>Не бойся что-нибудь сломать, бойся это не исправить! 😂</h1>

  <nav>