blackmann / stylebender

No code style generator for fast moving indie web developers

stylebender

The missing workflow for fast moving indie web developers.

🚧 Might be missing some essential components or styles. Create an issue if that's the case. See contributing.md on how to contribute.

stylebender's Issues

Docs/Buttons

`text-reset` style

We need to add a .text-reset class that changes text color back to the body color. For example, in a the following paragraph, we want the to have the body color

<p class="text-secondary">The quick brown fox <span class="text-reset">jumps over</span> the lazy dog</p>

This is a style generation problem — no need for a UI component. See https://github.com/blackmann/stylebender/blob/master/app/src/css.ts

Disable Button config form when in preview mode

Implement dark mode

Docs/Body

Add border around ColorInput

The color input button needs a border color that contrasts the background. Currently, when you choose a color that matches the background, the color input appears invisible.

Fix "Start bending" link on homepage :hover state weird

Docs/Typography

Add preview mode indicator for Buttons section

Bind input values

Implement color randomization

Make ColorPicker update on value change

Bind labels to inputs [Chrome audit]

`:disabled` state for buttons

Currently the buttons don't appear disabled when you add a disabled attribute to them. They appear and interact with the mouse as though they are clickable.

REWRITE IN RUST!

The issue title is really clear and concise about the future demands of this project. Please make it happen!

Docs/Colors

Implement Sticky Navbar

Description:
Currently, the navbar in the project does not stick when users scroll, making it challenging to access certain functionalities such as changing color modes or downloading stylesheets. To improve the user experience, we need to implement a sticky navbar that remains fixed at the top of the page even during scrolling.

Expected Solution:
To address this issue, we need to add the functionality for the navbar to become sticky on scroll. This will allow users to access the navbar and its associated functionalities at all times, regardless of their position on the page.
@blackmann

Add borders around input elements

Add id to form fields (make fields require an id attr) [Chrome audit]

Docs/Light And Dark Color Schemes