creativecommons / creativecommons/vocabulary

[Feature] implement dark mode theme to vocabulary site

Open
#189 1 comment 0 reactions 0 assignees View on GitHub
✨ goal: improvement 💻 aspect: code 🚧 status: blocked 🟩 priority: low
Dominant language
HTML
Stars
23
Forks
84
Avg merge
1d 9h
Merged PRs (30d)
3

Description

## Problem
currently the vocabulary pages are just based out of 1 theme, i.e. white. A new theme can enhance the user experience signifantly.
to enable that theme, a vision button can be created on top right corner which allows the user to switch themes

it can look like
![image](https://github.com/user-attachments/assets/4d2dd355-c462-4659-b357-e42bd28a2f9c)

in dark mode. this image is just a rough idea to provide context.

## Implementation
- I would be interested in implementing this feature.

Contributor guide

Open the contributing guide

Research direction

Start by inspecting the vocabulary pages and the existing styles for the current white theme, then locate the top-right controls where a theme-switching button could fit. Compare the implementation with the provided dark-mode reference and verify that the pages switch consistently, the control is usable, and the result meets the project's accessibility expectations.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, javascript
Domain
accessibility, design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.