felex67/js_theme_manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finished

Browse Source
This commit is contained in:
felex67
2026-06-22 03:31:52 +05:00
parent c0ea3a1e23
commit 846a79b5a0
7 changed files with 239 additions and 3014 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Doxyfile
-2864
View File
File diff suppressed because it is too large Load Diff
css/felexdev-themes.css
+43 -7
View File
@@ -7,6 +7,21 @@
--shadow: 0 2px 4px rgba(0, 0, 0, 0.1); --shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
--font-family: 'Arial', sans-serif; --font-family: 'Arial', sans-serif;
--text-shadow: 0 2px 4px rgba(150, 150, 150, 0.3); --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 */ /* Settings for dark system theme, same as color-sheme-dark */
@@ -46,19 +61,31 @@
--font-family: Monospace; --font-family: Monospace;
} }
html { body {
margin: auto;
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--text-color); color: var(--text-color);
transition: background-color 0.3s ease, color 0.3s ease;
text-shadow: var(--text-shadow); text-shadow: var(--text-shadow);
font-family: var(--font-family); 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 { a {
color: var(--text-color); color: var(--text-color);
transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease;
text-shadow: var(--text-shadow); text-shadow: var(--text-shadow);
text-decoration: underline;
font-family: var(--font-family); 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 { .button {
background-color: var(--accent-color); background-color: var(--accent-color);
@@ -72,11 +99,20 @@ a {
#flxd-tm-btn-toggle { #flxd-tm-btn-toggle {
position: fixed; position: fixed;
width: 20px; width: 30px;
height: 20px; height: 30px;
border-radius: 10px;
right: 15px; right: 15px;
top: 15px; top: 15px;
border-radius: 18px;
padding: 2px;
filter: drop-shadow(var(--text-shadow)); filter: drop-shadow(var(--text-shadow));
cursor: move; cursor: pointer;
background-color: rgba(150, 150, 150, 0.3);
transform:rotate(-360deg);
transition:transform 2s ease;
}
#flxd-tm-btn-toggle:hover, #flxd-tm-btn-toggle:focus {
transform:rotate(360deg);
transition:transform 2s ease;
} }
html/head.html
+2
View File
@@ -0,0 +1,2 @@
<link rel="stylesheet" href="css/felexdev-themes.css">
<script src="js/felexdev-theme-manager-minified.js"></script>
js/ThemeManager.js
-120
View File
File diff suppressed because one or more lines are too long
js/felexdev-theme-manager-minified.js
+34
View File
File diff suppressed because one or more lines are too long
js/felexdev-theme-manager.js
+159 -20
View File
File diff suppressed because one or more lines are too long
html/index.html → test.html
+1 -3
View File
@@ -1,14 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru-RU" dir="ltr"> <html lang="ru-RU" dir="ltr">
<head> <head>
<meta name="generator" content="Hugo 0.147.9">
<script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<title>Подопытный</title> <title>Подопытный</title>
<link rel="stylesheet" href="css/felexdev-themes.css"> <link rel="stylesheet" href="css/felexdev-themes.css">
<script src="js/felexdev-theme-manager.js"></script> <script src="js/felexdev-theme-manager-minified.js"></script>
</head> </head>
<body> <body>
<header> <header>