Skip to content

GitAuto: Turn this website color into warmer (it is dark and lonly now...) #4

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

gitauto-for-dev[bot]
Copy link

@gitauto-for-dev gitauto-for-dev bot commented Feb 16, 2025

Resolves #3

Why is this feature needed?

The website currently uses a very dark color tone that makes it feel cold and uninviting. By introducing warmer background colors, we aim to create a more welcoming and visually pleasant experience for users.

What and how are we changing? Why this approach?

We are updating the color variables in the assets/sass/libs/_vars.scss file. Specifically, the background colors for the "invert" theme have been changed from a dark shade (#1e252d) to a warmer tone (#331e1e). This approach was chosen because it directly targets the underlying Sass variables responsible for the website's color palette, ensuring a consistent change across all impacted components while keeping the codebase clean and maintainable.

What actions are required from users?

There is no immediate action required from users. However, developers should:

  • Recompile the Sass files to reflect the updated variables.
  • Clear any relevant caches if the changes do not appear immediately.

How does it work? (Technical details)

This pull request modifies the SCSS variables in the assets/sass/libs/_vars.scss file under the "invert" theme section:

  • The "bg" and "bg-alt" values have been updated from #1e252d to #331e1e.
  • These variables are used throughout the site to set the background color of various elements.

The change ensures that the website adopts a warmer appearance without impacting the overall structure or functionality of the design.

Is it backwards compatible?

Yes, this change is fully backwards compatible. It is a purely cosmetic update that adjusts the color scheme without altering any functionality or layout.

Any other considerations?

  • After merging the change, please ensure to rebuild the CSS to apply the new styles across the website.
  • Be mindful of any browser caching issues that might cause the old styles to persist.
  • Further adjustments or refinements to the palette may be considered in future updates if necessary.
git fetch origin
git checkout gitauto-wes/issue-3-20250215-215001
git pull origin gitauto-wes/issue-3-20250215-215001

Copy link

vercel bot commented Feb 16, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
sample-html-css-website ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 16, 2025 5:55am

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.

Turn this website color into warmer (it is dark and lonly now...)
1 participant