diff --git a/generate_previews.py b/generate_previews.py deleted file mode 100644 index 0a89f59..0000000 --- a/generate_previews.py +++ /dev/null @@ -1,268 +0,0 @@ -import os -import re -import sys -import shutil -import base64 -import fileinput -import urllib.parse -import urllib.request -from typing import List -from selenium import webdriver -from selenium.webdriver.common.by import By -from selenium.webdriver.chrome.service import Service -from selenium.webdriver.chrome.options import Options - -from modules.logger import consolelogger as logger -from modules.css_color import extract_colorscheme - - -def replace_all(file, search_exp, replace_exp): - for line in fileinput.input(file, inplace=1): - line = re.sub(search_exp, replace_exp, line) - sys.stdout.write(line) - - -def take_screenshot(html_file_path: str, css_file: str, output_file: str, driver: webdriver.Chrome) -> None: - """ - Takes a screenshot of the given HTML file with the specified CSS applied. - - Args: - html_file_path (str): Path to the HTML file or URL. - css_file (str): Path to the CSS file to be applied. - output_file (str): Path where the screenshot will be saved. - driver (webdriver.Chrome): The Chrome WebDriver instance. - """ - logger.info("taking screenshot for %s", css_file) - try: - # Open the HTML file or URL - if html_file_path.startswith(("http://", "https://")): - logger.info("opening URL: %s", html_file_path) - driver.get(html_file_path) - else: - logger.info("opening file: %s", html_file_path) - driver.get(f"file://{os.path.abspath(html_file_path)}") - - # Remove current theme.css - remove_css_script = """ - var links = document.querySelectorAll("link[rel='stylesheet']"); - links.forEach(link => { - if (link.href.includes('theme.css')) { - link.parentNode.removeChild(link); - } - }); - """ - logger.info("removing current theme.css") - driver.execute_script(remove_css_script) - - with open(css_file, "r", encoding="utf-8") as f: - logger.info("reading CSS file: %s", css_file) - css_content = f.read() - - # Extract folder icon content - css_parts = css_content.split(".foldericon {") - css_head = css_parts[0] - css_tail = css_parts[1].split("}", maxsplit=1)[1] - folder_icon_content = css_parts[1].split("}", maxsplit=1)[0].strip() - folder_icon_content = re.sub(r"/\*.*\*/", "", folder_icon_content) - - for match in re.finditer(r"content: (.*);", folder_icon_content): - logger.info("found foldericon", extra={"foldericon": folder_icon_content}) - folder_icon_content = match.group(1).replace('"', "") - break - - if "url" not in folder_icon_content: - logger.info("Reading foldericon svg") - with open(folder_icon_content, "r", encoding="utf-8") as f: - svg = f.read() - if "svg.j2" in folder_icon_content: - logger.info("foldericon in theme file is a jinja2 template") - colorscheme = extract_colorscheme(css_file) - for color_key, color_value in colorscheme.items(): - svg = svg.replace(f"{{{{ {color_key} }}}}", color_value) - logger.info("replaced colors in svg") - svg = urllib.parse.quote(svg) - - css_content = f'{css_head}\n.foldericon {{\n content: url("data:image/svg+xml,{svg}");\n}}\n{css_tail}' - - # Encode CSS content as Base64 - logger.info("encoding css content as base64") - encoded_css = base64.b64encode(css_content.encode("utf-8")).decode("utf-8") - - # Inject CSS into HTML using JavaScript - apply_css_script = f""" - var style = document.createElement('style'); - style.innerHTML = atob('{encoded_css}'); - document.head.appendChild(style); - """ - logger.info("injecting CSS into HTML") - driver.execute_script(apply_css_script) - - # Wait for a while to ensure CSS is applied - # time.sleep(1) - - # Move mouse to info - logger.info("moving mouse to info") - hoverable = driver.find_element(By.CLASS_NAME, "tooltip") - webdriver.ActionChains(driver).move_to_element(hoverable).perform() - - # Capture screenshot - logger.info("taking screenshot") - driver.save_screenshot(output_file) - logger.info("screenshot saved to %s", output_file) - - except Exception as e: - logger.error("failed to take screenshot for %s: %s", css_file, e) - - -def create_preview(html_file_path: str, css_file: str, previews_folder: str): - logger.info("creating preview for %s", css_file) - out_file = os.path.basename(css_file).removesuffix(".css") + ".html" - urllib.request.urlretrieve(html_file_path, os.path.join(previews_folder, out_file)) - basename = os.path.basename(css_file) - path = css_file.removesuffix(basename) - replace_all( - os.path.join(previews_folder, out_file), - r'^\s*?\s*?$', - f' ', - ) - with open(css_file, "r", encoding="utf-8") as f: - theme = f.read() - split = theme.split(".foldericon {") - split2 = split[1].split("}", maxsplit=1) - themehead = split[0] - themetail = split2[1] - foldericon = split2[0].strip() - foldericon = re.sub(r"/\*.*\*/", "", foldericon) - for match in re.finditer(r"content: (.*);", foldericon): - foldericon = match[1] - foldericon = foldericon.replace('"', "") - break - if "url" in foldericon: - logger.info("foldericon in theme file, using it") - shutil.copyfile(css_file, os.path.join(path, "previews", basename)) - return - with open(os.path.join(path, foldericon.removeprefix("themes/")), "r", encoding="utf-8") as f: - logger.info("Reading foldericon svg") - svg = f.read() - if "svg.j2" in foldericon: - logger.info("foldericon in theme file is a jinja2 template") - colorscheme = extract_colorscheme(css_file) - for color_key, color_value in colorscheme.items(): - svg = svg.replace(f"{{{{ {color_key} }}}}", color_value) - logger.info("replaced colors in svg") - svg = urllib.parse.quote(svg) - if os.path.exists(os.path.join(path, "previews", basename)): - os.remove(os.path.join(path, "previews", basename)) - with open(os.path.join(path, "previews", basename), "x", encoding="utf-8") as f: - logger.info("writing theme file") - f.write(themehead + '\n.foldericon {\n content: url("data:image/svg+xml,' + svg + '");\n}\n' + themetail) - logger.info("preview created for %s", css_file) - - -def write_readme(directory_path: str, themes: List[str]) -> None: - """ - Writes the README file with previews of included themes. - - Args: - directory_path (str): Path to the folder containing the themes and README.md. - themes (List[str]): List of theme names. - """ - readme_path = os.path.join(directory_path, "README.md") - try: - with open(readme_path, "r", encoding="utf-8") as f: - logger.info("reading README.md", extra={"file": readme_path}) - readme = f.read() - - readme_head = readme.split("## Previews of included themes")[0] - readme_head += "## Previews of included themes\n" - readme_head += "".join([f"\n### {theme}\n\n![{theme}](screenshots/{theme}.png)\n" for theme in themes]) - - with open(readme_path, "w", encoding="utf-8") as f: - logger.info("writing README.md", extra={"file": readme_path}) - f.write(readme_head) - - logger.info("README.md updated with previews of included themes.") - - except FileNotFoundError: - logger.error("README.md not found in %s", directory_path) - except Exception as e: - logger.error("failed to write README.md: %s", e) - - -def write_index(directory_path: str, themes: List[str]) -> None: - with open(os.path.join(directory_path, "index.html"), "w", encoding="utf-8") as f: - f.write( - """ - - - - - Themes - -""" - ) - for theme in themes: - f.write(f'{theme}
\n') - f.write("") - - -def main(directory_path: str, html_file_path: str) -> None: - """ - Main function to take screenshots for each CSS file in the folder and update the README.md. - - Args: - directory_path (str): Path to the folder containing CSS files. - html_file_path (str): Path to the HTML file or URL for rendering. - """ - if not os.path.exists(directory_path): - logger.error('Error: Folder path "%s" does not exist.', directory_path) - return - - # Setup Chrome options - chrome_options = Options() - chrome_options.add_argument("--headless") # Run in headless mode, no GUI - chrome_options.add_argument("--window-size=1920,1080") # Set window size to at least 1920x1080 - - # Initialize Chrome WebDriver - chromedriver_path = "/usr/bin/chromedriver" - service = Service(chromedriver_path) - logger.info("Using chromedriver at %s", chromedriver_path, extra={"chrome_options": chrome_options}) - driver = webdriver.Chrome(service=service, options=chrome_options) - - try: - themes = [] - # Iterate over all files in the folder - for filename in sorted(os.listdir(directory_path)): - if filename.endswith(".css"): - theme_name = os.path.splitext(filename)[0] - themes.append(theme_name) - css_file = os.path.join(directory_path, filename) - output_file = os.path.join(directory_path, "screenshots", f"{theme_name}.png") - previews_folder = os.path.join(directory_path, "previews") - - # Create screenshots folder if it doesn't exist - os.makedirs(os.path.dirname(output_file), exist_ok=True) - os.makedirs(previews_folder, exist_ok=True) - - # Take screenshot for this CSS file - take_screenshot(html_file_path, css_file, output_file, driver) - create_preview(html_file_path, css_file, previews_folder) - - # Write the README file with the new previews - write_readme(directory_path, themes) - write_index(directory_path, themes) - - finally: - logger.info("closing chrome webdriver") - driver.quit() - - -if __name__ == "__main__": - if len(sys.argv) != 3: - logger.error("Usage: python script_name.py directory_path html_file_path") - else: - dir_path = sys.argv[1] - html_path = sys.argv[2] - logger.info("Starting script", extra={"directory_path": dir_path, "html_file_path": html_path}) - main(dir_path, html_path) - logger.info("Done!", extra={"directory_path": dir_path}) diff --git a/themes/README.md b/themes/README.md deleted file mode 100644 index 2bbe940..0000000 --- a/themes/README.md +++ /dev/null @@ -1,106 +0,0 @@ -# Custom CSS Themes - -You can create custom Themes. They must at least include the following: - -## Requirements for Themes - -### Required Variables - -Define the following variables in your theme: - -- `--color1`: Primary color -- `--color2`: Secondary color -- `--color3`: Additional color -- `--color4`: Another color - -These variables are essential for automatic icon generation. - -### Folder Icon Specification - -Include the following CSS rule to specify the folder icon used in your theme: - -```css -.foldericon { - content: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' /%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%233674e7' /%3E%3Cpath d='M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%236495ed' /%3E%3C/g%3E%3C/svg%3E"); -} -``` - -Replace the SVG data URI (`url("data:image/svg+xml,...")`) with your desired SVG icon content. - -## Previews of included themes - -### alpenglow-dark - -![alpenglow-dark](screenshots/alpenglow-dark.png) - -### alpenglow - -![alpenglow](screenshots/alpenglow.png) - -### aritim-dark - -![aritim-dark](screenshots/aritim-dark.png) - -### aritim - -![aritim](screenshots/aritim.png) - -### autumn - -![autumn](screenshots/autumn.png) - -### carnation - -![carnation](screenshots/carnation.png) - -### catpuccin - -![catpuccin](screenshots/catpuccin.png) - -### cornflower - -![cornflower](screenshots/cornflower.png) - -### default-dark - -![default-dark](screenshots/default-dark.png) - -### default - -![default](screenshots/default.png) - -### ivy - -![ivy](screenshots/ivy.png) - -### kjoe - -![kjoe](screenshots/kjoe.png) - -### monokai-vibrant - -![monokai-vibrant](screenshots/monokai-vibrant.png) - -### rainbow - -![rainbow](screenshots/rainbow.png) - -### spring - -![spring](screenshots/spring.png) - -### steam - -![steam](screenshots/steam.png) - -### summer - -![summer](screenshots/summer.png) - -### sunflower - -![sunflower](screenshots/sunflower.png) - -### winter - -![winter](screenshots/winter.png) diff --git a/themes/alpenglow-dark.css b/themes/alpenglow-dark.css deleted file mode 100644 index d527939..0000000 --- a/themes/alpenglow-dark.css +++ /dev/null @@ -1,140 +0,0 @@ -@import url("https://fonts.cdnfonts.com/css/metropolis-2"); - -* { - --color1: #ffa769; - --color2: #fc4ca0; - --color3: #7542e5; - --color4: #ff4ad9; - --color5: #5f2eca; - --color6: #7033ca; - --color7: #ff778e; - --bcolor1: #e2d9f8; - --bcolor2: #20123a; - --bcolor3: #2b1753; - --bcolor4: #321c64; - --gradient: linear-gradient( - 80deg, - var(--bcolor2) 0%, - var(--color5) 1%, - var(--color3) 2%, - var(--color2) 3%, - var(--color1) 4%, - var(--color1) 96%, - var(--color2) 97%, - var(--color3) 98%, - var(--color5) 99%, - var(--bcolor2) 100% - ); -} - -body { - color: var(--bcolor1); - background-color: var(--bcolor3); - font-family: "Metropolis", sans-serif; - font-optical-sizing: auto; - font-weight: 500; - font-style: normal; -} - -.navbar { - font-weight: 800; - color: var(--bcolor1); - background-color: var(--color3); - background-image: var(--gradient); -} - -.navbar li a { - font-weight: 800; - color: var(--bcolor1); -} - -.navbar li a:hover { - text-decoration: none; - background-color: var(--color4); -} - -.footer { - color: var(--bcolor2); - background-color: var(--color1); - font-weight: 600; -} - -.footer a { - color: var(--color2); - text-decoration: none; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/catpuccin.svg.j2"; -} - -.folders a { - font-weight: 500; - color: var(--bcolor1); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 500; - color: var(--color7); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 500; - background-color: var(--color6); -} - -.tagentry label:hover { - background-color: var(--color3); -} - -.tagentry .tagtoggle:hover { - background-color: var(--color3); -} - -.column img { - background-color: var(--bcolor2); -} - -#totop:hover { - background-color: var(--color6); -} - -#totop { - background-color: var(--bcolor4); - color: var(--bcolor1); - font-weight: 600; -} - -.loader { - width: 48px; - height: 48px; - border-radius: 50%; - display: inline-block; - border-top: 3px solid var(--bcolor1); - border-right: 3px solid transparent; - box-sizing: border-box; - animation: rotation 1s linear infinite; -} - -@keyframes rotation { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} \ No newline at end of file diff --git a/themes/alpenglow.css b/themes/alpenglow.css deleted file mode 100644 index a1e2550..0000000 --- a/themes/alpenglow.css +++ /dev/null @@ -1,139 +0,0 @@ -@import url("https://fonts.cdnfonts.com/css/metropolis-2"); - -* { - --color1: #ffa769; - --color2: #fc4ca0; - --color3: #7542e5; - --color4: #ff4ad9; - --color5: #ff778e; - --color6: #fff5f6; - --color7: #5f2eca; - --bcolor1: #ffe7ea; - --bcolor2: #20123b; - --bcolor3: #2b1753; - --bcolor4: #321c64; - --gradient: linear-gradient(80deg, - var(--bcolor2) 0%, - var(--color3) 1%, - var(--color4) 2%, - var(--color5) 3%, - var(--color1) 4%, - var(--color1) 96%, - var(--color5) 97%, - var(--color4) 98%, - var(--color3) 99%, - var(--bcolor2) 100%); -} - -body { - color: var(--bcolor2); - background-color: var(--color6); - font-family: "Metropolis", sans-serif; - font-optical-sizing: auto; - font-weight: 500; - font-style: normal; -} - -.navbar { - font-weight: 800; - color: var(--bcolor2); - background-color: var(--color5); - background-image: var(--gradient); -} - -.navbar li a { - font-weight: 800; - color: var(--bcolor2); -} - -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor1); - background-color: var(--bcolor4); - font-weight: 600; -} - -.footer a { - color: var(--color5); - text-decoration: none; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/catpuccin.svg.j2"; -} - -.folders a { - font-weight: 500; - color: var(--bcolor2); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 500; - color: var(--color7); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 500; - color: var(--bcolor1); - background-color: var(--color3); -} - -.tagentry label:hover { - background-color: var(--color7); -} - -.tagentry .tagtoggle:hover { - background-color: var(--color7); -} - -.column img { - background-color: var(--bcolor1); -} - -#totop:hover { - background-color: var(--color3); -} - -#totop { - background-color: var(--color2); - color: var(--bcolor2); - font-weight: 600; -} - -.loader { - width: 48px; - height: 48px; - border-radius: 50%; - display: inline-block; - border-top: 3px solid var(--bcolor2); - border-right: 3px solid transparent; - box-sizing: border-box; - animation: rotation 1s linear infinite; -} - -@keyframes rotation { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} \ No newline at end of file diff --git a/themes/aritim-dark.css b/themes/aritim-dark.css deleted file mode 100644 index 4356bbb..0000000 --- a/themes/aritim-dark.css +++ /dev/null @@ -1,152 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); - -* { - --color1: #5d88ca; - --color2: #27ae60; - --color3: #f67400; - --color4: #da4453; - --color5: #212b36; - --bcolor1: #10151a; - --bcolor2: #d3dae3; - --bcolor3: #141a21; - -} - -.navbar { - font-weight: 600; - color: var(--bcolor2); - background-color: var(--color5); -} - -.navbar li a { - font-weight: 500; - color: var(--bcolor2); -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--bcolor3); -} - -.footer { - color: var(--bcolor1); - background-color: var(--color2); - font-weight: 500; -} - -.footer a { - color: var(--color4); - text-decoration: none; - font-weight: 400; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-papirus.svg.j2"; -} - -.folders a { - font-weight: 600; - color: var(--bcolor2); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 500; - color: var(--color1); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 400; - background-color: var(--bcolor1); -} - -.tagentry label:hover { - background-color: var(--bcolor3); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor3); -} - -.column img { - background-color: var(--bcolor1); -} - -#totop:hover { - background-color: var(--color3); -} - -#totop { - background-color: var(--color5); - color: var(--bcolor2); - font-weight: 600; -} - -.loader { - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - animation: rotate 1s linear infinite -} - -.loader::before { - content: ""; - box-sizing: border-box; - position: absolute; - inset: 0px; - border-radius: 50%; - border: 5px solid var(--bcolor2); - animation: prixClipFix 2s linear infinite; -} - -@keyframes rotate { - 100% { - transform: rotate(360deg) - } -} - -@keyframes prixClipFix { - 0% { - clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0) - } - - 25% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0) - } - - 50% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%) - } - - 75% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%) - } - - 100% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0) - } -} - -body { - color: var(--bcolor2); - background-color: var(--bcolor3); - font-family: "Poppins", sans-serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; -} \ No newline at end of file diff --git a/themes/aritim.css b/themes/aritim.css deleted file mode 100644 index 1958314..0000000 --- a/themes/aritim.css +++ /dev/null @@ -1,152 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); - -* { - --color1: #1d99f3; - --color2: #27ae60; - --color3: #f67400; - --color4: #da4453; - --color5: #eef2f5; - --bcolor1: #a3a5ac; - --bcolor2: #303030; - --bcolor3: #eff0f1; -} - -.navbar { - font-weight: 600; - color: var(--bcolor2); - background-color: var(--bcolor1); -} - -.navbar li a { - font-weight: 500; - color: var(--bcolor2); -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - color: var(--bcolor1); - background-color: var(--bcolor2); -} - -.footer { - color: var(--bcolor2); - background-color: var(--color3); - font-weight: 500; -} - -.footer a { - color: var(--color4); - text-decoration: none; - font-weight: 400; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-papirus.svg.j2"; -} - -.folders a { - font-weight: 600; - color: var(--bcolor2); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 500; - color: var(--color1); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 400; - background-color: var(--bcolor1); -} - -.tagentry label:hover { - background-color: var(--bcolor3); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor3); -} - -.column img { - background-color: var(--bcolor1); -} - -#totop:hover { - background-color: var(--color4); -} - -#totop { - background-color: var(--color5); - color: var(--bcolor2); - font-weight: 600; -} - -.loader { - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - animation: rotate 1s linear infinite -} - -.loader::before { - content: ""; - box-sizing: border-box; - position: absolute; - inset: 0px; - border-radius: 50%; - border: 5px solid var(--bcolor2); - animation: prixClipFix 2s linear infinite; -} - -@keyframes rotate { - 100% { - transform: rotate(360deg) - } -} - -@keyframes prixClipFix { - 0% { - clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0) - } - - 25% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0) - } - - 50% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%) - } - - 75% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%) - } - - 100% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0) - } -} - -body { - color: var(--bcolor2); - background-color: var(--bcolor3); - font-family: "Poppins", sans-serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; -} \ No newline at end of file diff --git a/themes/autumn.css b/themes/autumn.css deleted file mode 100644 index 90d955a..0000000 --- a/themes/autumn.css +++ /dev/null @@ -1,168 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap"); - -* { - --color1: #FF7F50; - /* Coral */ - --color2: #D2691E; - /* Chocolate */ - --color3: #8B4513; - /* SaddleBrown */ - --color4: #FFA07A; - /* LightSalmon */ - --bcolor1: #FFF8DC; - /* Cornsilk */ - --bcolor2: #2F4F4F; - /* DarkSlateGray */ - --bcolor3: #3E2723; - /* Darker brown */ - --bcolor4: #4E342E; - /* Slightly lighter brown */ -} - -.navbar { - font-weight: 600; - color: var(--bcolor1); - background-color: var(--color1); - font-family: "Playfair Display", serif; -} - -.navbar li a { - font-weight: 500; - color: var(--bcolor1); - font-family: "Playfair Display", serif; -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor1); - background-color: var(--color3); - font-weight: 500; - font-family: "Playfair Display", serif; -} - -.footer a { - color: var(--color4); - text-decoration: none; - font-weight: 400; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-3.svg.j2"; -} - -.folders a { - font-weight: 600; - color: var(--bcolor1); - text-decoration: none; - font-family: "Playfair Display", serif; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 500; - color: var(--color2); - text-decoration: none; - font-family: "Playfair Display", serif; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 400; - background-color: var(--bcolor2); - font-family: "Playfair Display", serif; -} - -.tagentry label:hover { - background-color: var(--color3); -} - -.tagentry .tagtoggle:hover { - background-color: var(--color3); -} - -.column img { - background-color: var(--bcolor4); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 600; - font-family: "Playfair Display", serif; -} - -.loader, -.loader:before, -.loader:after { - border-radius: 50%; - width: 2.5em; - height: 2.5em; - animation-fill-mode: both; - animation: bblFadInOut 1.8s infinite ease-in-out; -} - -.loader { - color: var(--bcolor2); - font-size: 7px; - position: relative; - text-indent: -9999em; - transform: translateZ(0); - animation-delay: -0.16s; -} - -.loader:before, -.loader:after { - content: ''; - position: absolute; - top: 0; -} - -.loader:before { - left: -3.5em; - animation-delay: -0.32s; -} - -.loader:after { - left: 3.5em; -} - -@keyframes bblFadInOut { - - 0%, - 80%, - 100% { - box-shadow: 0 2.5em 0 -1.3em - } - - 40% { - box-shadow: 0 2.5em 0 0 - } -} - -body { - color: var(--bcolor1); - background-color: var(--bcolor3); - font-family: "Playfair Display", serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; -} \ No newline at end of file diff --git a/themes/carnation.css b/themes/carnation.css deleted file mode 100644 index 96f5b0a..0000000 --- a/themes/carnation.css +++ /dev/null @@ -1,135 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); - -* { - --color1: #8b0000; - --color2: #b22222; - --color3: #ff4500; - --color4: #6e0000; - --bcolor1: #171717; - --bcolor2: #191919; - --bcolor3: #ebebeb; - --bcolor4: #0a0a0a; -} - -.navbar { - font-weight: bold; - color: var(--bcolor3); - background-color: var(--color1); - font-weight: 900; -} - -.navbar li a { - font-weight: 800; - color: var(--bcolor3); -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor3); - background-color: var(--color3); - font-weight: 700; -} - -.footer a { - color: var(--color4); - text-decoration: none; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-1.svg.j2"; -} - -.folders a { - font-weight: 800; - color: var(--bcolor1); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 800; - color: var(--color2); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 600; - background-color: var(--bcolor2); -} - -.tagentry label:hover { - background-color: var(--bcolor4); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor4); -} - -.column img { - background-color: var(--bcolor4); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 800; -} - -.loader { - width: 12px; - height: 12px; - border-radius: 50%; - display: block; - margin: 15px auto; - position: relative; - color: var(--color1); - box-sizing: border-box; - animation: animloader 1s linear infinite alternate; -} - -@keyframes animloader { - 0% { - box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0; - } - - 33% { - box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0; - } - - 66% { - box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0; - } - - 100% { - box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px; - } -} - -body { - color: var(--bcolor1); - background-color: var(--bcolor3); - font-family: "Montserrat", sans-serif; - font-optical-sizing: auto; - font-weight: 700; - font-style: normal; -} \ No newline at end of file diff --git a/themes/catpuccin.css b/themes/catpuccin.css deleted file mode 100644 index a1f8600..0000000 --- a/themes/catpuccin.css +++ /dev/null @@ -1,198 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap"); - -* { - --color1: #F28FAD; - --color2: #ABE9B3; - --color3: #FAE3B0; - --color4: #96CDFB; - --bcolor1: #F5E0DC; - --bcolor2: #575268; - --bcolor3: #D9E0EE; - --bcolor4: #C9CBFF; -} - -.navbar { - font-weight: 600; - color: var(--bcolor2); - background-color: var(--color1); - font-family: "Nunito", sans-serif; -} - -.navbar li a { - font-weight: 500; - color: var(--bcolor2); - font-family: "Nunito", sans-serif; -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor2); - background-color: var(--color3); - font-weight: 500; - font-family: "Nunito", sans-serif; -} - -.footer a { - color: var(--color1); - text-decoration: none; - font-weight: 400; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/catpuccin.svg.j2"; -} - -.folders a { - font-weight: 600; - color: var(--bcolor2); - text-decoration: none; - font-family: "Nunito", sans-serif; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 500; - color: var(--color1); - text-decoration: none; - font-family: "Nunito", sans-serif; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 400; - background-color: var(--color3); - font-family: "Nunito", sans-serif; -} - -.tagentry label:hover { - background-color: var(--color4); -} - -.tagentry .tagtoggle:hover { - background-color: var(--color4); -} - -.column img { - background-color: var(--bcolor4); -} - -#totop:hover { - color: var(--bcolor2); - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 600; - font-family: "Nunito", sans-serif; -} - -.loader { - transform: rotateZ(45deg); - perspective: 1000px; - border-radius: 50%; - width: 48px; - height: 48px; - color: var(--color1); -} - -.loader:before, -.loader:after { - content: ''; - display: block; - position: absolute; - top: 0; - left: 0; - width: inherit; - height: inherit; - border-radius: 50%; - transform: rotateX(70deg); - animation: 1s spin linear infinite; -} - -.loader:after { - color: var(--bcolor4); - transform: rotateY(70deg); - animation-delay: .4s; -} - -@keyframes rotate { - 0% { - transform: translate(-50%, -50%) rotateZ(0deg); - } - - 100% { - transform: translate(-50%, -50%) rotateZ(360deg); - } -} - -@keyframes rotateccw { - 0% { - transform: translate(-50%, -50%) rotate(0deg); - } - - 100% { - transform: translate(-50%, -50%) rotate(-360deg); - } -} - -@keyframes spin { - - 0%, - 100% { - box-shadow: .2em 0px 0 0px currentcolor; - } - - 12% { - box-shadow: .2em .2em 0 0 currentcolor; - } - - 25% { - box-shadow: 0 .2em 0 0px currentcolor; - } - - 37% { - box-shadow: -.2em .2em 0 0 currentcolor; - } - - 50% { - box-shadow: -.2em 0 0 0 currentcolor; - } - - 62% { - box-shadow: -.2em -.2em 0 0 currentcolor; - } - - 75% { - box-shadow: 0px -.2em 0 0 currentcolor; - } - - 87% { - box-shadow: .2em -.2em 0 0 currentcolor; - } -} - -body { - color: var(--bcolor2); - background-color: var(--bcolor3); - font-family: "Nunito", sans-serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; -} \ No newline at end of file diff --git a/themes/cornflower.css b/themes/cornflower.css deleted file mode 100644 index 30ad3ab..0000000 --- a/themes/cornflower.css +++ /dev/null @@ -1,135 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); - -* { - --color1: cornflowerblue; - --color2: #1346a4; - --color3: #0e3377; - --color4: #3674e7; - --bcolor1: #171717; - --bcolor2: #191919; - --bcolor3: #ebebeb; - --bcolor4: #0a0a0a; -} - -.navbar { - font-weight: bold; - color: var(--bcolor3); - background-color: var(--color1); - font-weight: 900; -} - -.navbar li a { - font-weight: 800; - color: var(--bcolor3); -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor3); - background-color: var(--color3); - font-weight: 700; -} - -.footer a { - color: var(--color4); - text-decoration: none; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-1.svg.j2"; -} - -.folders a { - font-weight: 800; - color: var(--bcolor1); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 800; - color: var(--color2); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 600; - background-color: var(--bcolor2); -} - -.tagentry label:hover { - background-color: var(--bcolor4); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor4); -} - -.column img { - background-color: var(--bcolor4); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 800; -} - -.loader { - width: 12px; - height: 12px; - border-radius: 50%; - display: block; - margin: 15px auto; - position: relative; - color: var(--color1); - box-sizing: border-box; - animation: animloader 1s linear infinite alternate; -} - -@keyframes animloader { - 0% { - box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0; - } - - 33% { - box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0; - } - - 66% { - box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0; - } - - 100% { - box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px; - } -} - -body { - color: var(--bcolor1); - background-color: var(--bcolor3); - font-family: "Montserrat", sans-serif; - font-optical-sizing: auto; - font-weight: 700; - font-style: normal; -} \ No newline at end of file diff --git a/themes/default-dark.css b/themes/default-dark.css deleted file mode 100644 index 24001d3..0000000 --- a/themes/default-dark.css +++ /dev/null @@ -1,111 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); - -* { - --color1: #262a2b; - --color2: #0d0e0e; - --color3: #313537; - --color4: #181a1b; - --color5: #5483ef; - --bcolor1: #e8e6e3; - --bcolor2: #0c0d0e; -} - -.navbar { - font-weight: bold; - color: var(--bcolor1); - background-color: var(--color1); -} - -.navbar li a { - font-weight: bold; - color: var(--bcolor1); -} - -/* Change the link color on hover */ -.navbar li a:hover { - background-color: var(--color2); -} - -.footer { - color: var(--bcolor1); - background-color: var(--color3); - font-weight: 500; -} - -.footer a { - color: var(--color5); - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-2.svg.j2"; -} - -.folders a { - font-weight: 700; - color: var(--color5); - text-decoration: none; -} - -.tooltiptext { - font-weight: 400; - background-color: var(--color3); -} - -.tagentry label:hover { - background-color: var(--color4); -} - -.tagentry .tagtoggle:hover { - background-color: var(--color4); -} - -.column img { - background-color: var(--bcolor2); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 800; -} - -.loader { - width: 48px; - height: 48px; - border-radius: 50%; - display: inline-block; - border-top: 3px solid var(--bcolor1); - border-right: 3px solid transparent; - box-sizing: border-box; - animation: rotation 1s linear infinite; -} - -@keyframes rotation { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} - -body { - color: var(--bcolor1); - background-color: var(--color4); - font-family: "Ubuntu", sans-serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; -} - -body a { - font-weight: 400; - color: var(--color5); - text-decoration: none; -} \ No newline at end of file diff --git a/themes/default.css b/themes/default.css deleted file mode 100644 index 3e9729e..0000000 --- a/themes/default.css +++ /dev/null @@ -1,111 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); - -* { - --color1: #333333; - --color2: #888888; - --color3: #dddddd; - --color4: #111111; - --color5: #0055ff; - --bcolor1: #ffffff; - --bcolor2: #000000; -} - -.navbar { - font-weight: bold; - color: var(--bcolor1); - background-color: var(--color1); -} - -.navbar li a { - font-weight: 700; - color: var(--bcolor1); -} - -/* Change the link color on hover */ -.navbar li a:hover { - background-color: var(--color4); -} - -.footer { - color: var(--bcolor2); - background-color: var(--color3); - font-weight: 500; -} - -.footer a { - color: var(--color5); - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-2.svg.j2"; -} - -.folders a { - font-weight: 700; - color: var(--color5); - text-decoration: none; -} - -.tooltiptext { - font-weight: 400; - background-color: var(--color2); -} - -.tagentry label:hover { - background-color: var(--color4); -} - -.tagentry .tagtoggle:hover { - background-color: var(--color4); -} - -.column img { - background-color: var(--color2); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 800; -} - -.loader { - width: 48px; - height: 48px; - border-radius: 50%; - display: inline-block; - border-top: 3px solid var(--bcolor2); - border-right: 3px solid transparent; - box-sizing: border-box; - animation: rotation 1s linear infinite; -} - -@keyframes rotation { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} - -body { - color: var(--bcolor2); - background-color: var(--bcolor1); - font-family: "Ubuntu", sans-serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; -} - -body a { - font-weight: 400; - color: var(--color5); - text-decoration: none; -} \ No newline at end of file diff --git a/themes/icons/catpuccin.svg.j2 b/themes/icons/catpuccin.svg.j2 deleted file mode 100644 index 7ede9d7..0000000 --- a/themes/icons/catpuccin.svg.j2 +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/themes/icons/folder-1.svg.j2 b/themes/icons/folder-1.svg.j2 deleted file mode 100644 index 1eef525..0000000 --- a/themes/icons/folder-1.svg.j2 +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/themes/icons/folder-2.svg.j2 b/themes/icons/folder-2.svg.j2 deleted file mode 100644 index b048bc9..0000000 --- a/themes/icons/folder-2.svg.j2 +++ /dev/null @@ -1,11 +0,0 @@ - - \ No newline at end of file diff --git a/themes/icons/folder-3.svg.j2 b/themes/icons/folder-3.svg.j2 deleted file mode 100644 index 983bc1e..0000000 --- a/themes/icons/folder-3.svg.j2 +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/themes/icons/folder-4.svg b/themes/icons/folder-4.svg deleted file mode 100644 index 556d118..0000000 --- a/themes/icons/folder-4.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/themes/icons/folder-papirus.svg.j2 b/themes/icons/folder-papirus.svg.j2 deleted file mode 100644 index 895455b..0000000 --- a/themes/icons/folder-papirus.svg.j2 +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/themes/icons/steam.svg b/themes/icons/steam.svg deleted file mode 100644 index fbc6582..0000000 --- a/themes/icons/steam.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/themes/icons/subfolder.svg.j2 b/themes/icons/subfolder.svg.j2 deleted file mode 100644 index c4a1323..0000000 --- a/themes/icons/subfolder.svg.j2 +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/themes/index.html b/themes/index.html deleted file mode 100644 index bf02c05..0000000 --- a/themes/index.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - Themes - -alpenglow-dark
-alpenglow
-aritim-dark
-aritim
-autumn
-carnation
-catpuccin
-cornflower
-default-dark
-default
-ivy
-kjoe
-monokai-vibrant
-rainbow
-spring
-steam
-summer
-sunflower
-winter
- \ No newline at end of file diff --git a/themes/ivy.css b/themes/ivy.css deleted file mode 100644 index 0ae4296..0000000 --- a/themes/ivy.css +++ /dev/null @@ -1,133 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); - -* { - --color1: #006400; - --color2: #008000; - --color3: #32cd32; - --color4: #004300; - --bcolor1: #171717; - --bcolor2: #191919; - --bcolor3: #ebebeb; - --bcolor4: #0a0a0a; -} - -.navbar { - font-weight: bold; - color: var(--bcolor3); - background-color: var(--color1); - font-weight: 900; -} - -.navbar li a { - font-weight: 800; - color: var(--bcolor3); -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor3); - background-color: var(--color3); - font-weight: 700; -} - -.footer a { - color: var(--color4); - text-decoration: none; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-1.svg.j2"; -} - -.folders a { - font-weight: 800; - color: var(--bcolor1); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 800; - color: var(--color2); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 600; - background-color: var(--bcolor2); -} - -.tagentry label:hover { - background-color: var(--bcolor4); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor4); -} - -.column img { - background-color: var(--bcolor4); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); -} - -.loader { - width: 12px; - height: 12px; - border-radius: 50%; - display: block; - margin: 15px auto; - position: relative; - color: var(--color1); - box-sizing: border-box; - animation: animloader 1s linear infinite alternate; -} - -@keyframes animloader { - 0% { - box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0; - } - - 33% { - box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0; - } - - 66% { - box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0; - } - - 100% { - box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px; - } -} - -body { - color: var(--bcolor1); - background-color: var(--bcolor3); - font-family: "Montserrat", sans-serif; - font-optical-sizing: auto; - font-weight: 700; - font-style: normal; -} \ No newline at end of file diff --git a/themes/kjoe.css b/themes/kjoe.css deleted file mode 100644 index 504017d..0000000 --- a/themes/kjoe.css +++ /dev/null @@ -1,134 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); - -* { - --color1: #260000; - --color2: #470000; - --color3: #191313; - --color4: #ff2727; - --bcolor1: #ebebeb; - --bcolor2: #171717; - --bcolor3: #0a0a0a; -} - -.navbar { - font-weight: bold; - color: var(--bcolor1); - background-color: var(--color1); - font-weight: 900; -} - -.navbar li a { - font-weight: 800; - color: var(--bcolor1); -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor1); - background-color: var(--color3); - font-weight: 700; -} - -.footer a { - color: var(--color4); - text-decoration: none; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' /%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%238e0000' /%3E%3Cpath d='M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%23FF2727' /%3E%3C/g%3E%3C/svg%3E"); -} - -.folders a { - font-weight: 800; - color: var(--bcolor1); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 800; - color: var(--color4); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 600; - background-color: var(--color3); -} - -.tagentry label:hover { - background-color: var(--color2); -} - -.tagentry .tagtoggle:hover { - background-color: var(--color2); -} - -.column img { - background-color: var(--bcolor3); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 800; -} - -.loader { - width: 12px; - height: 12px; - border-radius: 50%; - display: block; - margin: 15px auto; - position: relative; - color: var(--bcolor1); - box-sizing: border-box; - animation: animloader 1s linear infinite alternate; -} - -@keyframes animloader { - 0% { - box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0; - } - - 33% { - box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0; - } - - 66% { - box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0; - } - - 100% { - box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px; - } -} - -body { - color: var(--bcolor1); - background-color: var(--bcolor2); - font-family: "Montserrat", sans-serif; - font-optical-sizing: auto; - font-weight: 700; - font-style: normal; -} \ No newline at end of file diff --git a/themes/monokai-vibrant.css b/themes/monokai-vibrant.css deleted file mode 100644 index 0f6a429..0000000 --- a/themes/monokai-vibrant.css +++ /dev/null @@ -1,178 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); - -* { - --color1: #81f900; - --color2: #e542ff; - --color3: #ffd945; - --color4: #528bff; - --bcolor1: #f6f6f6; - --bcolor2: #2c313a; - --bcolor3: #191b20; - --bcolor4: #16171d; - --bcolor5: #0b0c0f; -} - -.navbar { - font-weight: bold; - color: var(--bcolor1); - background-color: var(--bcolor3); - font-weight: 900; -} - -.navbar li a { - font-weight: 900; - color: var(--bcolor1); -} - -/* Change the link color on hover */ -.navbar li a:hover { - background-color: var(--bcolor2); -} - -.footer { - color: var(--bcolor1); - background-color: var(--bcolor2); - font-weight: 700; -} - -.footer a { - color: var(--color4); - text-decoration: none; -} - -.foldericon { - content: "themes/icons/subfolder.svg.j2"; -} - -.folders a { - font-weight: 900; - color: var(--color3); - text-decoration: none; -} - -.tooltiptext { - font-weight: 600; - background-color: var(--bcolor2); -} - -.tagentry label:hover { - background-color: var(--bcolor3); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor3); -} - -.column img { - background-color: var(--bcolor5); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 800; -} - -.loader { - transform: rotateZ(45deg); - perspective: 1000px; - border-radius: 50%; - width: 48px; - height: 48px; - color: var(--color2); -} - -.loader:before, -.loader:after { - content: ''; - display: block; - position: absolute; - top: 0; - left: 0; - width: inherit; - height: inherit; - border-radius: 50%; - transform: rotateX(70deg); - animation: 1s spin linear infinite; -} - -.loader:after { - color: var(--color4); - transform: rotateY(70deg); - animation-delay: .4s; -} - -@keyframes rotate { - 0% { - transform: translate(-50%, -50%) rotateZ(0deg); - } - - 100% { - transform: translate(-50%, -50%) rotateZ(360deg); - } -} - -@keyframes rotateccw { - 0% { - transform: translate(-50%, -50%) rotate(0deg); - } - - 100% { - transform: translate(-50%, -50%) rotate(-360deg); - } -} - -@keyframes spin { - - 0%, - 100% { - box-shadow: .2em 0px 0 0px currentcolor; - } - - 12% { - box-shadow: .2em .2em 0 0 currentcolor; - } - - 25% { - box-shadow: 0 .2em 0 0px currentcolor; - } - - 37% { - box-shadow: -.2em .2em 0 0 currentcolor; - } - - 50% { - box-shadow: -.2em 0 0 0 currentcolor; - } - - 62% { - box-shadow: -.2em -.2em 0 0 currentcolor; - } - - 75% { - box-shadow: 0px -.2em 0 0 currentcolor; - } - - 87% { - box-shadow: .2em -.2em 0 0 currentcolor; - } -} - -body { - color: var(--bcolor1); - background-color: var(--bcolor4); - font-family: "Montserrat", sans-serif; - font-optical-sizing: auto; - font-weight: 800; - font-style: normal; -} - -body a { - font-weight: 900; - color: var(--color2); - text-decoration: none; -} \ No newline at end of file diff --git a/themes/rainbow.css b/themes/rainbow.css deleted file mode 100644 index 08f7e70..0000000 --- a/themes/rainbow.css +++ /dev/null @@ -1,138 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); - -* { - --color5: #e50000; - --color6: #ff8d00; - --color3: #ffee00; - --color4: #028121; - --color1: #004cff; - --color2: #770088; - --bcolor1: #ebebeb; - --bcolor2: #191919; - --bcolor3: #171717; - --bcolor4: #0a0a0a; - --bcolor5: #929292; -} - -.navbar { - font-weight: bold; - color: var(--bcolor1); - background-color: var(--color5); - font-weight: 900; -} - -.navbar li a { - font-weight: 800; - color: var(--bcolor1); -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color6); -} - -.footer { - color: var(--bcolor2); - background-color: var(--color3); - font-weight: 700; -} - -.footer a { - color: var(--color4); - text-decoration: none; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/subfolder.svg.j2"; -} - -.folders a { - font-weight: 800; - color: var(--bcolor3); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 800; - color: var(--color4); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 600; - background-color: var(--bcolor2); -} - -.tagentry label:hover { - background-color: var(--bcolor4); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor4); -} - -.column img { - background-color: var(--bcolor5); -} - -#totop:hover { - background-color: var(--color3); -} - -#totop { - background-color: var(--color6); - color: var(--bcolor4); - font-weight: 800; -} - -.loader { - width: 12px; - height: 12px; - border-radius: 50%; - display: block; - margin: 15px auto; - position: relative; - color: var(--color4); - box-sizing: border-box; - animation: animloader 1s linear infinite alternate; -} - -@keyframes animloader { - 0% { - box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0; - } - - 33% { - box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0; - } - - 66% { - box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0; - } - - 100% { - box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px; - } -} - -body { - color: var(--bcolor3); - background-color: var(--bcolor1); - font-family: "Montserrat", sans-serif; - font-optical-sizing: auto; - font-weight: 700; - font-style: normal; -} \ No newline at end of file diff --git a/themes/screenshots/alpenglow-dark.png b/themes/screenshots/alpenglow-dark.png deleted file mode 100644 index c848fa5..0000000 Binary files a/themes/screenshots/alpenglow-dark.png and /dev/null differ diff --git a/themes/screenshots/alpenglow.png b/themes/screenshots/alpenglow.png deleted file mode 100644 index 122d3c6..0000000 Binary files a/themes/screenshots/alpenglow.png and /dev/null differ diff --git a/themes/screenshots/aritim-dark.png b/themes/screenshots/aritim-dark.png deleted file mode 100644 index be6123e..0000000 Binary files a/themes/screenshots/aritim-dark.png and /dev/null differ diff --git a/themes/screenshots/aritim.png b/themes/screenshots/aritim.png deleted file mode 100644 index 0051e93..0000000 Binary files a/themes/screenshots/aritim.png and /dev/null differ diff --git a/themes/screenshots/autumn.png b/themes/screenshots/autumn.png deleted file mode 100644 index 456427c..0000000 Binary files a/themes/screenshots/autumn.png and /dev/null differ diff --git a/themes/screenshots/carnation.png b/themes/screenshots/carnation.png deleted file mode 100644 index c6fac3c..0000000 Binary files a/themes/screenshots/carnation.png and /dev/null differ diff --git a/themes/screenshots/catpuccin.png b/themes/screenshots/catpuccin.png deleted file mode 100644 index c9de6f9..0000000 Binary files a/themes/screenshots/catpuccin.png and /dev/null differ diff --git a/themes/screenshots/cornflower.png b/themes/screenshots/cornflower.png deleted file mode 100644 index c89d912..0000000 Binary files a/themes/screenshots/cornflower.png and /dev/null differ diff --git a/themes/screenshots/default-dark.png b/themes/screenshots/default-dark.png deleted file mode 100644 index 0a72b2c..0000000 Binary files a/themes/screenshots/default-dark.png and /dev/null differ diff --git a/themes/screenshots/default.png b/themes/screenshots/default.png deleted file mode 100644 index 630118b..0000000 Binary files a/themes/screenshots/default.png and /dev/null differ diff --git a/themes/screenshots/ivy.png b/themes/screenshots/ivy.png deleted file mode 100644 index 6244cd4..0000000 Binary files a/themes/screenshots/ivy.png and /dev/null differ diff --git a/themes/screenshots/kjoe.png b/themes/screenshots/kjoe.png deleted file mode 100644 index 17a8d4b..0000000 Binary files a/themes/screenshots/kjoe.png and /dev/null differ diff --git a/themes/screenshots/monokai-vibrant.png b/themes/screenshots/monokai-vibrant.png deleted file mode 100644 index af8e943..0000000 Binary files a/themes/screenshots/monokai-vibrant.png and /dev/null differ diff --git a/themes/screenshots/rainbow.png b/themes/screenshots/rainbow.png deleted file mode 100644 index 562a49f..0000000 Binary files a/themes/screenshots/rainbow.png and /dev/null differ diff --git a/themes/screenshots/spring.png b/themes/screenshots/spring.png deleted file mode 100644 index b4fb1e4..0000000 Binary files a/themes/screenshots/spring.png and /dev/null differ diff --git a/themes/screenshots/steam.png b/themes/screenshots/steam.png deleted file mode 100644 index 4b0895f..0000000 Binary files a/themes/screenshots/steam.png and /dev/null differ diff --git a/themes/screenshots/summer.png b/themes/screenshots/summer.png deleted file mode 100644 index 2bff30c..0000000 Binary files a/themes/screenshots/summer.png and /dev/null differ diff --git a/themes/screenshots/sunflower.png b/themes/screenshots/sunflower.png deleted file mode 100644 index cc97981..0000000 Binary files a/themes/screenshots/sunflower.png and /dev/null differ diff --git a/themes/screenshots/winter.png b/themes/screenshots/winter.png deleted file mode 100644 index 4c7df27..0000000 Binary files a/themes/screenshots/winter.png and /dev/null differ diff --git a/themes/spring.css b/themes/spring.css deleted file mode 100644 index 3518ad6..0000000 --- a/themes/spring.css +++ /dev/null @@ -1,168 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Lora:wght@300;400;500;600;700&display=swap"); - -* { - --color1: #FFB6C1; - /* LightPink */ - --color2: #98FB98; - /* PaleGreen */ - --color3: #FFD700; - /* Gold */ - --color4: #87CEFA; - /* LightSkyBlue */ - --bcolor1: #FFFFFF; - /* White */ - --bcolor2: #2F4F4F; - /* DarkSlateGray */ - --bcolor3: #FAF0E6; - /* Linen */ - --bcolor4: #E6E6FA; - /* Lavender */ -} - -.navbar { - font-weight: 600; - color: var(--bcolor2); - background-color: var(--color1); - font-family: "Lora", serif; -} - -.navbar li a { - font-weight: 500; - color: var(--bcolor2); - font-family: "Lora", serif; -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor2); - background-color: var(--color3); - font-weight: 500; - font-family: "Lora", serif; -} - -.footer a { - color: var(--color4); - text-decoration: none; - font-weight: 400; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-3.svg.j2"; -} - -.folders a { - font-weight: 600; - color: var(--bcolor2); - text-decoration: none; - font-family: "Lora", serif; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 500; - color: var(--color2); - text-decoration: none; - font-family: "Lora", serif; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 400; - background-color: var(--bcolor4); - font-family: "Lora", serif; -} - -.tagentry label:hover { - background-color: var(--bcolor3); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor3); -} - -.column img { - background-color: var(--bcolor4); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 600; - font-family: "Lora", serif; -} - -.loader, -.loader:before, -.loader:after { - border-radius: 50%; - width: 2.5em; - height: 2.5em; - animation-fill-mode: both; - animation: bblFadInOut 1.8s infinite ease-in-out; -} - -.loader { - color: var(--bcolor2); - font-size: 7px; - position: relative; - text-indent: -9999em; - transform: translateZ(0); - animation-delay: -0.16s; -} - -.loader:before, -.loader:after { - content: ''; - position: absolute; - top: 0; -} - -.loader:before { - left: -3.5em; - animation-delay: -0.32s; -} - -.loader:after { - left: 3.5em; -} - -@keyframes bblFadInOut { - - 0%, - 80%, - 100% { - box-shadow: 0 2.5em 0 -1.3em - } - - 40% { - box-shadow: 0 2.5em 0 0 - } -} - -body { - color: var(--bcolor2); - background-color: var(--bcolor3); - font-family: "Lora", serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; -} \ No newline at end of file diff --git a/themes/steam.css b/themes/steam.css deleted file mode 100644 index 1505ee6..0000000 --- a/themes/steam.css +++ /dev/null @@ -1,158 +0,0 @@ -@import url('https://fonts.cdnfonts.com/css/arial'); - -* { - --color1: #171d25; - --color2: #1a9fff; - --color3: #17191b; - --color4: #3d4450; - --bcolor1: #dcdedf; - --bcolor2: #262a32; -} - -.navbar { - font-weight: 900; - color: var(--bcolor1); - background-color: var(--color1); -} - -.navbar li a { - font-weight: 900; - color: var(--bcolor1); -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: underline; - text-decoration-thickness: 0.3ex; - text-underline-offset: 0.5ex; - color: var(--color2) -} - -.footer { - color: var(--bcolor1); - background-color: var(--color3); - font-weight: 500; -} - -.footer a { - color: var(--color2); - text-decoration: none; - font-weight: 700; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg height='512' width='512' version='1.1' id='Layer_1' viewBox='0 0 327.68 327.68' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Cg id='icon' transform='translate(-128.08785,-19.123746)'%3E%3Cpath id='fg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round' d='m 428.2793,160.97461 c -78.34525,0.002 -156.69075,-0.007 -235.03585,0.0159 -6.54719,0.16827 -12.82625,4.35683 -15.37415,10.41233 -1.13922,2.74038 -1.79474,5.64883 -2.74311,8.45618 -10.27476,33.32809 -20.56379,66.65251 -30.78952,99.99526 -1.21885,4.66702 0.98496,9.97729 5.17832,12.3776 2.40372,1.49255 5.31559,1.67974 8.07056,1.58986 78.16762,-0.0305 156.33557,0.008 234.503,-0.0259 6.43644,-0.17102 12.61041,-4.22124 15.23762,-10.1162 1.2077,-2.75858 1.84495,-5.72012 2.81312,-8.56426 10.08283,-32.66775 20.13843,-65.34481 30.20361,-98.01744 0.84274,-2.37238 1.35887,-4.96865 0.67937,-7.45078 -0.98831,-4.2533 -4.6015,-7.82876 -8.96172,-8.48315 -1.24947,-0.20685 -2.51789,-0.23068 -3.78125,-0.18945 z' /%3E%3Cpath id='bg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal' d='m 214.44922,72.089844 c -20.32611,0.01324 -40.65359,-0.03032 -60.97883,0.03325 -5.06767,0.228794 -9.72081,4.176673 -10.64873,9.186171 -0.54368,2.865585 -0.16202,5.794266 -0.28069,8.688777 -4.6e-4,27.527908 -0.008,55.056498 0.0176,82.583978 0.17186,3.22428 3.44977,5.89016 6.64757,5.28488 2.4037,-0.30447 4.32209,-2.31086 4.87898,-4.61617 3.53052,-10.60549 6.98896,-21.23707 10.60492,-31.81263 1.14174,-2.71356 4.14972,-4.41014 7.06111,-4.12697 16.80704,-0.0631 33.61433,-0.01 50.42149,-0.0279 55.72175,-0.002 111.44406,0.006 167.16547,-0.0191 5.71319,-0.19462 10.82844,-5.25566 10.91838,-11.00339 0.12602,-2.9908 -0.0352,-5.98579 0.0574,-8.97822 0.0534,-2.61272 -0.3941,-5.33067 -1.94259,-7.50013 -2.21535,-3.37352 -6.26106,-5.45808 -10.30253,-5.1988 -44.42303,-0.0315 -88.8461,0.006 -133.26914,-0.0339 -1.35699,0.0355 -2.86726,0.10531 -3.94821,-0.87625 -1.14131,-0.86056 -1.57137,-2.31551 -1.50179,-3.694889 -0.0148,-5.79966 0.0803,-11.603104 -0.0604,-17.400318 -0.41681,-5.210159 -4.80455,-9.807583 -10.02134,-10.361315 -2.37314,-0.240789 -4.76368,-0.0457 -7.14443,-0.12428 -5.89141,-0.0074 -11.78281,-0.0066 -17.67422,-0.0028 z' /%3E%3C/g%3E%3C/svg%3E%0A"); -} - -.folders a { - font-weight: 700; - color: var(--bcolor1); - text-decoration: none; -} - -.folders figure:hover img { - content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg height='512' width='512' version='1.1' id='Layer_1' viewBox='0 0 327.68 327.68' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Cg id='icon' transform='translate(-128.08785,-19.123746)'%3E%3Cpath id='fg' style='fill:%23dcdedf;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round' d='m 428.2793,160.97461 c -78.34525,0.002 -156.69075,-0.007 -235.03585,0.0159 -6.54719,0.16827 -12.82625,4.35683 -15.37415,10.41233 -1.13922,2.74038 -1.79474,5.64883 -2.74311,8.45618 -10.27476,33.32809 -20.56379,66.65251 -30.78952,99.99526 -1.21885,4.66702 0.98496,9.97729 5.17832,12.3776 2.40372,1.49255 5.31559,1.67974 8.07056,1.58986 78.16762,-0.0305 156.33557,0.008 234.503,-0.0259 6.43644,-0.17102 12.61041,-4.22124 15.23762,-10.1162 1.2077,-2.75858 1.84495,-5.72012 2.81312,-8.56426 10.08283,-32.66775 20.13843,-65.34481 30.20361,-98.01744 0.84274,-2.37238 1.35887,-4.96865 0.67937,-7.45078 -0.98831,-4.2533 -4.6015,-7.82876 -8.96172,-8.48315 -1.24947,-0.20685 -2.51789,-0.23068 -3.78125,-0.18945 z' /%3E%3Cpath id='bg' style='fill:%231a9fff;fill-opacity:1;stroke:none;stroke-width:6.4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal' d='m 214.44922,72.089844 c -20.32611,0.01324 -40.65359,-0.03032 -60.97883,0.03325 -5.06767,0.228794 -9.72081,4.176673 -10.64873,9.186171 -0.54368,2.865585 -0.16202,5.794266 -0.28069,8.688777 -4.6e-4,27.527908 -0.008,55.056498 0.0176,82.583978 0.17186,3.22428 3.44977,5.89016 6.64757,5.28488 2.4037,-0.30447 4.32209,-2.31086 4.87898,-4.61617 3.53052,-10.60549 6.98896,-21.23707 10.60492,-31.81263 1.14174,-2.71356 4.14972,-4.41014 7.06111,-4.12697 16.80704,-0.0631 33.61433,-0.01 50.42149,-0.0279 55.72175,-0.002 111.44406,0.006 167.16547,-0.0191 5.71319,-0.19462 10.82844,-5.25566 10.91838,-11.00339 0.12602,-2.9908 -0.0352,-5.98579 0.0574,-8.97822 0.0534,-2.61272 -0.3941,-5.33067 -1.94259,-7.50013 -2.21535,-3.37352 -6.26106,-5.45808 -10.30253,-5.1988 -44.42303,-0.0315 -88.8461,0.006 -133.26914,-0.0339 -1.35699,0.0355 -2.86726,0.10531 -3.94821,-0.87625 -1.14131,-0.86056 -1.57137,-2.31551 -1.50179,-3.694889 -0.0148,-5.79966 0.0803,-11.603104 -0.0604,-17.400318 -0.41681,-5.210159 -4.80455,-9.807583 -10.02134,-10.361315 -2.37314,-0.240789 -4.76368,-0.0457 -7.14443,-0.12428 -5.89141,-0.0074 -11.78281,-0.0066 -17.67422,-0.0028 z' /%3E%3C/g%3E%3C/svg%3E%0A"); -} - -.folders a:hover { - text-decoration: underline; - text-decoration-thickness: 0.3ex; - text-underline-offset: 0.5ex; - color: var(--color2) -} - -.row a { - font-weight: 500; - color: var(--color2); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 500; - background-color: var(--color4); -} - -.tagentry label:hover { - background-color: var(--color3); -} - -.tagentry .tagtoggle:hover { - background-color: var(--color3); -} - -.column img { - background-color: var(--color4); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 700; -} - -.loader { - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - animation: rotate 1s linear infinite -} - -.loader::before { - content: ""; - box-sizing: border-box; - position: absolute; - inset: 0px; - border-radius: 50%; - border: 5px solid var(--color2); - animation: prixClipFix 2s linear infinite; -} - -@keyframes rotate { - 100% { - transform: rotate(360deg) - } -} - -@keyframes prixClipFix { - 0% { - clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0) - } - - 25% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0) - } - - 50% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%) - } - - 75% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%) - } - - 100% { - clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0) - } -} - -body { - color: var(--bcolor1); - background-color: var(--bcolor2); - font-family: "Arial", sans-serif; - font-optical-sizing: auto; - font-weight: 500; - font-style: normal; -} \ No newline at end of file diff --git a/themes/summer.css b/themes/summer.css deleted file mode 100644 index 74b079f..0000000 --- a/themes/summer.css +++ /dev/null @@ -1,162 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"); - -* { - --color1: #FFD700; /* Gold */ - --color2: #00BFFF; /* DeepSkyBlue */ - --color3: #32CD32; /* LimeGreen */ - --color4: #FFA500; /* Orange */ - --bcolor1: #FFFFFF; /* White */ - --bcolor2: #1E1E1E; /* DarkGrey */ - --bcolor3: #F0F8FF; /* AliceBlue */ - --bcolor4: #E0FFFF; /* LightCyan */ -} - -.navbar { - font-weight: 700; - color: var(--bcolor2); - background-color: var(--color1); - font-family: "Roboto", sans-serif; -} - -.navbar li a { - font-weight: 500; - color: var(--bcolor2); - font-family: "Roboto", sans-serif; -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor1); - background-color: var(--color3); - font-weight: 500; - font-family: "Roboto", sans-serif; -} - -.footer a { - color: var(--color4); - text-decoration: none; - font-weight: 400; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-3.svg.j2"; -} - -.folders a { - font-weight: 600; - color: var(--bcolor2); - text-decoration: none; - font-family: "Roboto", sans-serif; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 500; - color: var(--color2); - text-decoration: none; - font-family: "Roboto", sans-serif; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 400; - color: var(--bcolor1); - background-color: var(--bcolor2); - font-family: "Roboto", sans-serif; -} - -.tagentry label:hover { - background-color: var(--bcolor3); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor3); - color: var(--bcolor2); -} - -.column img { - background-color: var(--bcolor4); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 600; - font-family: "Roboto", sans-serif; -} - -.loader, -.loader:before, -.loader:after { - border-radius: 50%; - width: 2.5em; - height: 2.5em; - animation-fill-mode: both; - animation: bblFadInOut 1.8s infinite ease-in-out; -} - -.loader { - color: var(--bcolor2); - font-size: 7px; - position: relative; - text-indent: -9999em; - transform: translateZ(0); - animation-delay: -0.16s; -} - -.loader:before, -.loader:after { - content: ''; - position: absolute; - top: 0; -} - -.loader:before { - left: -3.5em; - animation-delay: -0.32s; -} - -.loader:after { - left: 3.5em; -} - -@keyframes bblFadInOut { - - 0%, - 80%, - 100% { - box-shadow: 0 2.5em 0 -1.3em - } - - 40% { - box-shadow: 0 2.5em 0 0 - } -} - -body { - color: var(--bcolor2); - background-color: var(--bcolor3); - font-family: "Roboto", sans-serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; -} diff --git a/themes/sunflower.css b/themes/sunflower.css deleted file mode 100644 index 94e6022..0000000 --- a/themes/sunflower.css +++ /dev/null @@ -1,136 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"); - -* { - --color1: #ffb000; - --color2: #ffd700; - --color3: #ffe135; - --color4: #ce8c00; - --bcolor1: #171717; - --bcolor2: #191919; - --bcolor3: #ebebeb; - --bcolor4: #0a0a0a; -} - -.navbar { - font-weight: bold; - color: var(--bcolor2); - background-color: var(--color1); - font-weight: 900; -} - -.navbar li a { - font-weight: 800; - color: var(--bcolor2); -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor2); - background-color: var(--color3); - font-weight: 700; -} - -.footer a { - color: var(--color4); - text-decoration: none; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-1.svg.j2"; -} - -.folders a { - font-weight: 800; - color: var(--bcolor1); - text-decoration: none; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 800; - color: var(--color1); - text-decoration: none; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 600; - color: var(--bcolor3); - background-color: var(--bcolor2); -} - -.tagentry label:hover { - background-color: var(--bcolor4); -} - -.tagentry .tagtoggle:hover { - background-color: var(--bcolor4); -} - -.column img { - background-color: var(--bcolor4); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 800; -} - -.loader { - width: 12px; - height: 12px; - border-radius: 50%; - display: block; - margin: 15px auto; - position: relative; - color: var(--color1); - box-sizing: border-box; - animation: animloader 1s linear infinite alternate; -} - -@keyframes animloader { - 0% { - box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0; - } - - 33% { - box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0; - } - - 66% { - box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0; - } - - 100% { - box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px; - } -} - -body { - color: var(--bcolor1); - background-color: var(--bcolor3); - font-family: "Montserrat", sans-serif; - font-optical-sizing: auto; - font-weight: 700; - font-style: normal; -} \ No newline at end of file diff --git a/themes/winter.css b/themes/winter.css deleted file mode 100644 index 97ad58b..0000000 --- a/themes/winter.css +++ /dev/null @@ -1,169 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap"); - -* { - --color1: #00CED1; - /* DarkTurquoise */ - --color2: #4682B4; - /* SteelBlue */ - --color3: #B0C4DE; - /* LightSteelBlue */ - --color4: #5F9EA0; - /* CadetBlue */ - --bcolor1: #FFFFFF; - /* White */ - --bcolor2: #2F4F4F; - /* DarkSlateGray */ - --bcolor3: #E0E0E0; - /* LightGray */ - --bcolor4: #D3D3D3; - /* LightGray */ -} - -.navbar { - font-weight: 600; - color: var(--bcolor2); - background-color: var(--color1); - font-family: "Montserrat", sans-serif; -} - -.navbar li a { - font-weight: 500; - color: var(--bcolor2); - font-family: "Montserrat", sans-serif; -} - -/* Change the link color on hover */ -.navbar li a:hover { - text-decoration: none; - background-color: var(--color2); -} - -.footer { - color: var(--bcolor2); - background-color: var(--color3); - font-weight: 500; - font-family: "Montserrat", sans-serif; -} - -.footer a { - color: var(--color2); - text-decoration: none; - font-weight: 400; -} - -.footer a:hover { - text-decoration: none; -} - -.foldericon { - content: "themes/icons/folder-3.svg.j2"; -} - -.folders a { - font-weight: 600; - color: var(--bcolor2); - text-decoration: none; - font-family: "Montserrat", sans-serif; -} - -.folders a:hover { - text-decoration: none; -} - -.row a { - font-weight: 500; - color: var(--color2); - text-decoration: none; - font-family: "Montserrat", sans-serif; -} - -.row a:hover { - text-decoration: underline; -} - -.tooltiptext { - font-weight: 400; - color: var(--bcolor3); - background-color: var(--bcolor2); - font-family: "Montserrat", sans-serif; -} - -.tagentry label:hover { - background-color: var(--color2); -} - -.tagentry .tagtoggle:hover { - background-color: var(--color2); -} - -.column img { - background-color: var(--bcolor4); -} - -#totop:hover { - background-color: var(--color2); -} - -#totop { - background-color: var(--color1); - color: var(--bcolor1); - font-weight: 600; - font-family: "Montserrat", sans-serif; -} - -.loader, -.loader:before, -.loader:after { - border-radius: 50%; - width: 2.5em; - height: 2.5em; - animation-fill-mode: both; - animation: bblFadInOut 1.8s infinite ease-in-out; -} - -.loader { - color: var(--bcolor2); - font-size: 7px; - position: relative; - text-indent: -9999em; - transform: translateZ(0); - animation-delay: -0.16s; -} - -.loader:before, -.loader:after { - content: ''; - position: absolute; - top: 0; -} - -.loader:before { - left: -3.5em; - animation-delay: -0.32s; -} - -.loader:after { - left: 3.5em; -} - -@keyframes bblFadInOut { - - 0%, - 80%, - 100% { - box-shadow: 0 2.5em 0 -1.3em - } - - 40% { - box-shadow: 0 2.5em 0 0 - } -} - -body { - color: var(--bcolor2); - background-color: var(--bcolor3); - font-family: "Montserrat", sans-serif; - font-optical-sizing: auto; - font-weight: 400; - font-style: normal; -} \ No newline at end of file