Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add theme toggle and Monospace font #2

Merged
merged 1 commit into from
May 10, 2024
Merged

Add theme toggle and Monospace font #2

merged 1 commit into from
May 10, 2024

Conversation

igorcosta
Copy link
Owner

@igorcosta igorcosta commented May 10, 2024

Implements a theme toggle feature, updates the page's font to Monospace by GitHub, and introduces a futuristic simple background.

  • Theme Toggle: Adds a button to toggle between dark and light themes using JavaScript. The theme-toggle.js script handles the theme switching and stores the user's preference in local storage. The styles.css file defines the color schemes for both themes.
  • Font and Styling: Integrates the 'Source Code Pro' font from Google Fonts, applied globally to the page via CSS in styles.css, ensuring all text uses this Monospace font by GitHub.
  • Background and Button Styling: Enhances the page's aesthetic with a simple and futuristic background. Styles the theme toggle button for better visibility and interaction, including hover effects, fixed positioning, and transition animations in styles.css.

For more details, open the Copilot Workspace session.

@igorcosta igorcosta merged commit 19fbfbb into master May 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant