Skip to content

Commit 884519f

Browse files
authored
Merge pull request #12 from Simplus-Labs/fix-theme-bug
Fix theme bug
2 parents 0783e19 + 89b88c9 commit 884519f

File tree

4 files changed

+276
-358
lines changed

4 files changed

+276
-358
lines changed

README.md

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -37,19 +37,17 @@ Ready to make this boilerplate uniquely yours? Here’s how:
3737
- 🖋 Update all title and meta tags to match your tool's name, description, and other details.
3838

3939
2. **Theme Adaptation**: Shape the visual experience of your tool.
40-
- 🎨 Set your desired theme by modifying the `<body>` tag.
40+
- 🎨 Set your desired theme by modifying the `data-theme` attribute in the `<html>` tag.
4141

4242
```html
43-
<body class="yellow-gradient">
44-
<div id="root"></div>
45-
</body>
43+
<html lang="en" data-theme="green-gradient">
4644
```
4745

4846
3. **Choose from Our Themes**: Whether you’re after a minimalist gray or a vibrant rose, we’ve got you covered. Select from a rich palette of themes tailored for a seamless user experience.
4947

5048
### 🎨 List of themes
5149

52-
| Theme | Class | Preview |
50+
| Theme | data-theme | Preview |
5351
| ------------- | ------------- | ------------- |
5452
| Zinc | zinc-gradient | ![zinc-gradient](docs/zinc-gradient.svg) |
5553
| Slate | slate-gradient | ![slate-gradient](docs/slate-gradient.svg) |

docs/README-ES.md

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -37,19 +37,17 @@
3737
- 🖋 Actualiza todos los títulos y meta tags para que coincidan con el nombre, la descripción y otros detalles de tu herramienta.
3838

3939
2. **Adaptación de Tema**: Da forma a la experiencia visual de tu herramienta.
40-
- 🎨 Establece tu tema deseado modificando la etiqueta `<body>`.
40+
- 🎨 Establece tu tema deseado modificando el atributo `data-theme` en la etiqueta `<html>`.
4141

4242
```html
43-
<body class="yellow-gradient">
44-
<div id="root"></div>
45-
</body>
43+
<html lang="en" data-theme="green-gradient">
4644
```
4745

4846
3. **Elige entre Nuestros Temas**: Ya sea que prefieras un Zinc minimalista o un Rose vibrante, te tenemos cubierto. Selecciona de una rica paleta de temas diseñados para una experiencia de usuario impecable.
4947

5048
### 🎨 Lista de temas
5149

52-
| Tema | Clase | Previsualización |
50+
| Tema | data-theme | Previsualización |
5351
| ------------- | ------------- | ------------- |
5452
| Zinc | zinc-gradient | ![zinc-gradient](zinc-gradient.svg) |
5553
| Slate | slate-gradient | ![slate-gradient](slate-gradient.svg) |

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!doctype html>
2-
<html lang="en">
2+
<html lang="en" data-theme="default">
33
<head>
44
<meta charset="UTF-8" />
55
<meta http-equiv="X-UA-Compatible" content="ie=edge" />

0 commit comments

Comments
 (0)