color change

Author: Alexia Michelle

docusaurus.config.js

@@ -2,7 +2,7 @@
 // `@type` JSDoc annotations allow editor autocompletion and type checking
 // (when paired with `@ts-check`).
 
-import {themes as prismThemes} from 'prism-react-renderer';
+import { themes as prismThemes } from 'prism-react-renderer';
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -27,7 +27,19 @@ const config = {
 
   i18n: {
     defaultLocale: 'en',
-    locales: ['en'],
+    locales: ['en', 'es'],
+    localeConfigs: {
+      en: {
+        label: 'English',
+        direction: 'ltr',
+        htmlLang: 'en-US',
+      },
+      es: {
+        label: 'Español',
+        direction: 'ltr',
+        htmlLang: 'es-ES',
+      },
+    },
   },
 
   presets: [
@@ -62,6 +74,10 @@ const config = {
     ({
       // Replace with your project's social card
       image: 'img/docusaurus-social-card.jpg',
+      colorMode: {
+        defaultMode: 'dark',
+        respectPrefersColorScheme: false,
+      },
       navbar: {
         title: 'GoldenDog Linux',
         logo: {
@@ -75,10 +91,14 @@ const config = {
             position: 'left',
             label: 'Documentation',
           },
-          {to: '/blog', label: 'Blog', position: 'left'},
-          {to: '/community', label: 'Community', position: 'left'},
-          {to: '/about', label: 'About', position: 'right'},
-          {to: '/changelog', label: 'Changelog', position: 'right'},
+          { to: '/blog', label: 'Blog', position: 'left' },
+          { to: '/community', label: 'Community', position: 'left' },
+          { to: '/about', label: 'About', position: 'right' },
+          { to: '/changelog', label: 'Changelog', position: 'right' },
+          {
+            type: 'localeDropdown',
+            position: 'right',
+          },
           {
             href: 'https://github.com/goldendoglinux/goldendoglinux.github.io',
             label: 'GitHub',

i18n/es/docusaurus-plugin-content-docs/current/intro.md

@@ -0,0 +1,17 @@
+---
+sidebar_position: 1
+---
+
+# Introducción al Tutorial
+
+Vamos a descubrir **Docusaurus en menos de 5 minutos**.
+
+## Empezando
+
+Comienza **creando un nuevo sitio**.
+
+O **prueba Docusaurus inmediatamente** con **[docusaurus.new](https://docusaurus.new)**.
+
+### Lo que necesitarás
+
+- [Node.js](https://nodejs.org/en/download/) versión 20.0 o superior.

i18n/es/docusaurus-plugin-content-pages/community.md

@@ -0,0 +1,11 @@
+# Comunidad
+
+¡Únete a la manada de GoldenDog!
+
+## Canales
+*   **Discord**: [Únete](#)
+*   **GitHub**: [Contribuye](https://github.com/goldendoglinux)
+*   **Twitter/X**: [@goldendoglinux](#)
+
+## Contribuir
+¡Damos la bienvenida a todas las contribuciones, desde código hasta documentación!

src/css/custom.css

@@ -6,25 +6,32 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #fcc203; /* Golden Yellow */
-  --ifm-color-primary-dark: #e3af03;
-  --ifm-color-primary-darker: #d6a503;
-  --ifm-color-primary-darkest: #b08802;
-  --ifm-color-primary-light: #fcd236;
-  --ifm-color-primary-lighter: #fcdb4f;
-  --ifm-color-primary-lightest: #fdee9c;
+  /* Bold Hues - Light Mode (using darker versions for readability) */
+  --ifm-color-primary: #D1007E;
+  --ifm-color-primary-dark: #B8006F;
+  --ifm-color-primary-darker: #AD0069;
+  --ifm-color-primary-darkest: #8F0057;
+  --ifm-color-primary-light: #EB008E;
+  --ifm-color-primary-lighter: #F50094;
+  --ifm-color-primary-lightest: #FF1BA4;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
-/* For readability concerns, you should choose a lighter palette in dark mode. */
+/* Bold Hues - Dark Mode (Vibrant colors) */
 [data-theme='dark'] {
-  --ifm-color-primary: #fcc203;
-  --ifm-color-primary-dark: #e3af03;
-  --ifm-color-primary-darker: #d6a503;
-  --ifm-color-primary-darkest: #b08802;
-  --ifm-color-primary-light: #fcd236;
-  --ifm-color-primary-lighter: #fcdb4f;
-  --ifm-color-primary-lightest: #fdee9c;
+  --ifm-color-primary: #FF1B8D;
+  /* Vibrant Pink */
+  --ifm-color-primary-dark: #E6007A;
+  --ifm-color-primary-darker: #D90073;
+  --ifm-color-primary-darkest: #B3005F;
+  --ifm-color-primary-light: #FF4DA6;
+  --ifm-color-primary-lighter: #FF66B3;
+  --ifm-color-primary-lightest: #FF99CC;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
-}
+
+  /* Adding some gradients and background colors from the palette */
+  --ifm-background-color: #0d001a;
+  --ifm-navbar-background-color: #1a0033;
+  --ifm-footer-background-color: #0b0014;
+}