-
-
Notifications
You must be signed in to change notification settings - Fork 94
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鈥檒l occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(vikunja): init #723
base: main
Are you sure you want to change the base?
feat(vikunja): init #723
Conversation
usage: |+ | ||
> [!NOTE] | ||
> To add your instance, go to the userstyle's **Settings > Custom included sites** and add your instance to the list, for example, `*://vikunja.example.org/*`. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is being moved to the main readme since several themes have this same note, see #724
@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frapp茅", "macchiato:Macchiato", "mocha:Mocha*"] | ||
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire*", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] | ||
==/UserStyle== */ | ||
@-moz-document domain('vikunja.guaxinim.online') { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think its best if we add multiple domains, like your own and try.vukunja.io
and others if people are willing to add them similar to how searxng operates.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yup. I forgot to change from the url of my instance.
|
||
&:hover, | ||
&:active { | ||
background: @red !important; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
could we make the hover/active provide more feedback either with lighten()
, darken()
or similar.
--success: @green; | ||
--danger: @red; | ||
--warning: @yellow; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
On a note, they use --danger-h
and so on for hsl and some others, you could save yourself some time themeing buttons etc with this
#hslbreakdown(@color, @item) {
--@{item}-h: hue(@color) !important;
--@{item}-s: saturation(@color) !important;
--@{item}-l: lightness(@color) !important;
--@{item}-light-l: lightness(@color) !important;
--@{item}-dark-l: lightness(@color) !important;
--@{item}-invert-l: lightness(@color) !important;
}
// then calling them
#hslbreakdown(@peach, warning);
#hslbreakdown(@green, success);
#hslbreakdown(@red, danger);
#hslbreakdown(@accent-color, primary);
馃帀 Theme for Vikunja 馃帀
Vikunja is the open-source, self-hostable to-do app.
latte
frappe
macchiato
mocha
馃挰 Additional Comments 馃挰
Note
To add your instance, go to the userstyle's Settings > Custom included sites and add your instance to the list, for example,
*://vikunja.example.org/*
.馃棐 Checklist 馃棐
/styles/<name-of-website>
containing the contents of the/template
directory.userstyles.yml
file with information about the new userstyle.
catppuccin.user.css
- all the CSS for the userstyle, based on thetemplate.
preview.webp
- composite image of all four individual flavor screenshots stitched together,generated via Catwalk.