Alternadores de modo oscuro

(Dark Mode Toggles)

Instrucciones :

Paso 1: seleccione el elemento Bloque de código y modifique el código CSS con sus propios colores (oscuros).
Paso 2: aún en el bloque de código, verifique el código Javascript y habilite las opciones que desee:

  • recuerde: “modo oscuro”, (si desea guardar la configuración en el Almacenamiento local)
  • usePrefersColorScheme: verdadero (si desea utilizar la consulta de medios de esquema de colores preferidos)

Importante: este sitio web no presenta un tema oscuro completamente funcional. El "tema oscuro" que se presenta aquí es simplemente un ejemplo ilustrativo, que demuestra cómo funcionan los interruptores de palanca.

 

Instructions :

Step 1 : Select the Code Block element and modify the CSS Code with your own (dark) colors.
Step 2 : Still in the Code Block, check the Javascript Code and enable the options you want :

  • remember: “darken-mode”, (if you want to save the settings in Local Storage)
  • usePrefersColorScheme: true, (if you want to use the prefers-color-scheme media query)

Important : This website does not feature a fully functional dark theme. The “dark theme” presented here is merely an illustrative example, demonstrating how toggle switches function

 

darkmode toggle #1

darkmode toggle #2

darkmode toggle #3

darkmode toggle #4

darkmode toggle #5

darkmode toggle #6

darkmode toggle #7

darkmode toggle #8

darkmode toggle #9

darkmode toggle #10

darkmode toggle #11

darkmode toggle #12