From 33729bc8975fcff46213ed7918fd53c0b44a8d54 Mon Sep 17 00:00:00 2001 From: felex67 Date: Sat, 20 Jun 2026 03:50:42 +0500 Subject: [PATCH] Minified version added --- css/felexdev-themes.css | 82 +++++++++++++++++++++++ html/{head.html => index.html} | 31 +++------ js/ThemeManager.js | 119 +++++++++++++++++++++++++++++++++ js/felexdev-theme-manager.js | 34 ++++++++++ 4 files changed, 243 insertions(+), 23 deletions(-) create mode 100644 css/felexdev-themes.css rename html/{head.html => index.html} (73%) create mode 100644 js/ThemeManager.js create mode 100644 js/felexdev-theme-manager.js diff --git a/css/felexdev-themes.css b/css/felexdev-themes.css new file mode 100644 index 0000000..eebc082 --- /dev/null +++ b/css/felexdev-themes.css @@ -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; +} diff --git a/html/head.html b/html/index.html similarity index 73% rename from html/head.html rename to html/index.html index 333a3bc..8d3f0d6 100644 --- a/html/head.html +++ b/html/index.html @@ -1,32 +1,17 @@ - - + + - - -Подопытный + + + Подопытный + - - + +
- -
- - - -

Не бойся что-нибудь сломать, бойся это не исправить! 😂