Comments (5)
Will get gradient values from @randybascue
from skin.
--ai-gradient-full-color-diagonal: linear-gradient(223deg, --ai-yellow 9.79%, --ai-red 26.69%, --ai-purple 41.82%, --ai-blue 56.17%, --ai-green 78.48%);
--ai-gradient-green: linear-gradient(270deg, --ai-green 0%, #44CF63 25.00%, --ai-blue 100%);
--ai-gradient-blue: linear-gradient(270deg, --ai-green 0%, --ai-blue 55.62%, #5751EA 75.70%, --ai-purple 100%);
--ai-gradient-violet: linear-gradient(270deg, --ai-purple 0%, --ai-red 100%);
--ai-green: #4EE04B;
--ai-blue: #0968F6;
--ai-purple: #993EE0;
--ai-red: #FF4242;
--ai-yellow: #FFD80E;
from skin.
from skin.
Updated color tokens to remove opacity
from skin.
background: var(--ai-gradient-purple-subtle-light, linear-gradient(270deg, —ai-solid-purple-subtle 0%, —ai-solid-red-subtle 100%));
background: var(--ai-gradient-blue-subtle-light, linear-gradient(270deg, —ai-solid-green-subtle 36%, #EBF3FE 46.87%, —ai-solid-purple-subtle 113%));
background: var(--ai-gradient-green-subtle-light, linear-gradient(270deg, —ai-solid-green-subtle 0%, —ai-solid-blue-subtle 154.5%));
from skin.
Related Issues (20)
- <ebay-button>: Inconsistent style for secondary href button HOT 1
- docs(tokens): Show semantic tokens before primitive
- Button — Update CTA to support trailing icons HOT 1
- ebay-textbox: placeholder variant has issue with border radius HOT 1
- button: fake button disabled missing styles
- Token: foreground-attention have the wrong token
- textbox: Different size between large select and input text
- Button: busy state broken in examples
- Progress-Spinner: svg is wobbly (Safari/Firefox)
- toggle-button-group:layout is breaking with skin v18
- textbox: Width of the input not respecting the container size HOT 1
- Sheets / Dialogs — No top divider on footer element
- Docs Site: Build a new Skin docs site
- Tourtip: Improve contrast of tip container
- Update Buttons to Design Spec HOT 1
- menu: icon not showing up
- file-upload: new component
- Token: Add color-background-on-secondary
- docs: fix horizontal scroll
- calendar: improve responsiveness
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 skin.