GithubHelp home page GithubHelp logo

new: agent color tokens about skin HOT 5 CLOSED

randybascue avatar randybascue commented on June 21, 2024
new: agent color tokens

from skin.

Comments (5)

agliga avatar agliga commented on June 21, 2024

Will get gradient values from @randybascue

from skin.

randybascue avatar randybascue commented on June 21, 2024
--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.

randybascue avatar randybascue commented on June 21, 2024

@agliga

from skin.

randybascue avatar randybascue commented on June 21, 2024

Updated color tokens to remove opacity
image

from skin.

randybascue avatar randybascue commented on June 21, 2024
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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.