Comments (4)
in ideas, I think some components are using like 'inverted' flag where they switch their color depending if they're used inside the darker background color or a lighter background color
Probably it could be used to mitigate.
from podman-desktop.
I can't find any usage of inverted
in Podman Desktop, you meant in other component library? I would rather avoid introducing new logics for styling components
If you are okay with the "{$$props.class ?? 'bg-charcoal-800 border-charcoal-800'} ..." I will probably use this.
Another solution would by the variant
. We already are using for the buttons, 'primary' 'secondary', that would work
from podman-desktop.
Thinking of light theme, we should not use bg-charcoal-800
but bg-[var(--pd-card-bg)]
and not charcoal-600
but bg-[var(--pd-invert-content-card-bg)]
as it's the color for cards
And cards can only be one of these 2 colors for their background
So consumer of the component should only pickup what you call the 'variant' but not be able to customize the colors.
from podman-desktop.
Okey so let's define the variants
primary
: bg-[var(--pd-card-bg)] border-[var(--pd-card-bg)]
secondary
: bg-[var(--pd-invert-content-card-bg)] border-[var(--pd-invert-content-card-bg)]
from podman-desktop.
Related Issues (20)
- Terminal does not always reach the end of the window
- Controls for tables mock-up
- How to display the grouping of items in tables
- Reduce number of buttons on table pages HOT 4
- feat: update podman to 5.1.2
- Fix extension installation e2e tests
- Refactorization of the registry e2e tests after redesigned Registry Page
- Option to pull latest version of locally existing image from registry
- Add OpenShift Checker extension installation E2E tests using OCI image
- feat: kind extension should register CLI Tool HOT 2
- Delete volume from Volume page and prune volume e2e tests
- Improve design for CLI Tools card to support new actions HOT 2
- Nav icon review
- Resources vs CLI tools
- Deploy a pod to a Kubernetes (kind cluster)
- Manifest: Add "push manifest" button
- Manifest: Add "delete manifest" button
- Update "Summary" page for Compose Details.
- nit: wrong capitalization in search bar
- Unable to find qgis rpm under EPEL 9
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from podman-desktop.