diff --git a/tests/resources/sites/static-themed/index.html b/tests/resources/sites/static-themed/index.html index f6b9d42643..f1a446612f 100644 --- a/tests/resources/sites/static-themed/index.html +++ b/tests/resources/sites/static-themed/index.html @@ -13,137 +13,62 @@ /* Light theme */ :root { - --bg-primary: #ffffff; - --bg-secondary: #f5f5f5; - --text-primary: #1a1a1a; - --text-secondary: #666666; + --bg: #ffffff; + --text: #1a1a1a; --accent: #fd366e; - --border: #e0e0e0; } /* Dark theme */ @media (prefers-color-scheme: dark) { :root { - --bg-primary: #1a1a1a; - --bg-secondary: #2d2d2d; - --text-primary: #ffffff; - --text-secondary: #b0b0b0; + --bg: #1a1a1a; + --text: #ffffff; --accent: #fd366e; - --border: #404040; } } body { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; - background-color: var(--bg-primary); - color: var(--text-primary); - line-height: 1.6; + font-family: system-ui, sans-serif; + background-color: var(--bg); + color: var(--text); min-height: 100vh; display: flex; - flex-direction: column; align-items: center; justify-content: center; padding: 2rem; } - .container { - max-width: 600px; - width: 100%; - } - - header { + .content { + max-width: 500px; text-align: center; - margin-bottom: 3rem; } h1 { - font-size: 2.5rem; - margin-bottom: 0.5rem; - color: var(--text-primary); - } - - .subtitle { - font-size: 1.125rem; - color: var(--text-secondary); - } - - .card { - background-color: var(--bg-secondary); - border: 1px solid var(--border); - border-radius: 12px; - padding: 2rem; - margin-bottom: 2rem; - } - - .card h2 { - font-size: 1.5rem; - margin-bottom: 1rem; - color: var(--text-primary); - } - - .card p { - color: var(--text-secondary); + font-size: 2rem; margin-bottom: 1rem; } - .feature-list { - list-style: none; - margin-top: 1.5rem; - } - - .feature-list li { - padding: 0.75rem; - margin-bottom: 0.5rem; - background-color: var(--bg-primary); - border-radius: 8px; - border-left: 3px solid var(--accent); - color: var(--text-primary); + p { + font-size: 1rem; + margin-bottom: 1.5rem; + opacity: 0.8; } .badge { display: inline-block; - padding: 0.25rem 0.75rem; + padding: 0.5rem 1rem; background-color: var(--accent); color: white; - border-radius: 20px; - font-size: 0.875rem; - font-weight: 600; - } - - footer { - text-align: center; - margin-top: 3rem; - color: var(--text-secondary); + border-radius: 4px; font-size: 0.875rem; } -
-
+

Themed website

-

Adaptive light & dark mode showcase

-
- -
-

About This Site

-

This is a test deployment showcasing automatic theme switching based on your system preferences.

- Appwrite Sites +

Adaptive light and dark mode showcase

+
Appwrite Sites
- -
-

Features

- -
- - -
diff --git a/tests/resources/sites/static-themed/screenshot-dark.png b/tests/resources/sites/static-themed/screenshot-dark.png index bcab317265..199a09b902 100644 Binary files a/tests/resources/sites/static-themed/screenshot-dark.png and b/tests/resources/sites/static-themed/screenshot-dark.png differ diff --git a/tests/resources/sites/static-themed/screenshot-light.png b/tests/resources/sites/static-themed/screenshot-light.png index 9836740a2f..4eae73c5b7 100644 Binary files a/tests/resources/sites/static-themed/screenshot-light.png and b/tests/resources/sites/static-themed/screenshot-light.png differ