Skip to content

feature: theming & dark mode #2491

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

Closed
wants to merge 3 commits into from
Closed

feature: theming & dark mode #2491

wants to merge 3 commits into from

Conversation

adrianthedev
Copy link
Collaborator

@adrianthedev adrianthedev commented Feb 16, 2024

Description

Closes #631
Closes #1191

Checklist:

  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • I have added tests that prove my fix is effective or that my feature works

Screenshots & recording

CleanShot.2024-02-16.at.23.17.09.mp4

Manual review steps

  1. Step 1
  2. Step 2

Manual reviewer: please leave a comment with output from the test if that's the case.

Copy link

codeclimate bot commented Feb 16, 2024

Code Climate has analyzed commit 9328a24 and detected 0 issues on this pull request.

View more on Code Climate.

@adrianthedev
Copy link
Collaborator Author

module Avo
class ThemeOptionsController < ApplicationController
def update
puts 'updating'.inspect
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[rubocop] reported by reviewdog 🐶
[Corrected] Style/StringLiterals: Prefer double-quoted strings unless you need single quotes to avoid extra backslashes for escaping.

// 4: 2,
}
const value = paddingYScale[this.density]
console.log(this.density, value)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [eslint] <no-console> reported by reviewdog 🐶
Unexpected console statement.

}

updateDOM() {
console.log(this.template)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [eslint] <no-console> reported by reviewdog 🐶
Unexpected console statement.

}

async save() {
console.log('save')
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [eslint] <no-console> reported by reviewdog 🐶
Unexpected console statement.

},
})
const data = await response.json()
console.log(data)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [eslint] <no-console> reported by reviewdog 🐶
Unexpected console statement.

Copy link
Contributor

github-actions bot commented Mar 8, 2024

This PR has been marked as stale because there was no activity for the past 15 days.

@github-actions github-actions bot added the Stale label Mar 8, 2024
@adrianthedev adrianthedev added Stale exempt Task Something to get done and removed Stale labels Mar 8, 2024
@adrianthedev
Copy link
Collaborator Author

I am quite excited for the new "all CSS variables" Tailwind approach.
https://tailwindcss.com/blog/tailwindcss-v4-alpha

@adrianthedev
Copy link
Collaborator Author

Closing for now. Will reopen with Tailwind 4

@manuelmeurer
Copy link

Tailwind v4 has landed! 🥳

https://tailwindcss.com/blog/tailwindcss-v4

@adrianthedev
Copy link
Collaborator Author

Yeah. Big day!

I used Tailwind 4 in a separate project and that was pretty easy.
Now, we have to see how to add it to Avo.

We're also pondering a new re-design. Bring it more into this century 😛
I noticed that "everyone" moved to UIs that look like shadcn. We might need to do the same...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature Stale exempt Task Something to get done
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Theming + dark mode + Tailwind v4 Dark mode support
2 participants