We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Group: Surface AI Copilot basic --surface-ai-copilot-basic-default Light linear-gradient(95.09deg, #CDDEF9 0%, #E7E5FD 45.76%, #F9F2FF 100.89%); Dark: linear-gradient(95.09deg, #302476 0%, #442A76 50.44%, #53307C 100.89%);
--surface-ai-copilot-basic-default
linear-gradient(95.09deg, #CDDEF9 0%, #E7E5FD 45.76%, #F9F2FF 100.89%);
linear-gradient(95.09deg, #302476 0%, #442A76 50.44%, #53307C 100.89%);
--surface-ai-copilot-basic-hover Light linear-gradient(95.09deg, #A6C4F5 0%, #D1CFFC 45.76%, #F3E6FF 100.89%); Dark: linear-gradient(95.09deg, #44378D 0%, #593D8D 50.44%, #674293 100.89%);
--surface-ai-copilot-basic-hover
linear-gradient(95.09deg, #A6C4F5 0%, #D1CFFC 45.76%, #F3E6FF 100.89%);
linear-gradient(95.09deg, #44378D 0%, #593D8D 50.44%, #674293 100.89%);
--surface-ai-copilot-basic-active Light linear-gradient(95.09deg, #A3B1F6 0%, #C9BBFC 45.76%, #E8D0FF 100.89%);
--surface-ai-copilot-basic-active
linear-gradient(95.09deg, #A3B1F6 0%, #C9BBFC 45.76%, #E8D0FF 100.89%);
Group: Surface AI Copilot Invert --surface-ai-copilot-invert-01 Light: linear-gradient(254.49deg, rgba(187, 154, 255, 0.18) -0.38%, rgba(104, 175, 255, 0.18) 94.44%); Dark: linear-gradient(254.49deg, #3C364C -0.38%, #1B2B46 96.36%);
--surface-ai-copilot-invert-01
linear-gradient(254.49deg, rgba(187, 154, 255, 0.18) -0.38%, rgba(104, 175, 255, 0.18) 94.44%);
linear-gradient(254.49deg, #3C364C -0.38%, #1B2B46 96.36%);
--surface-ai-copilot-invert-02 Light linear-gradient(254.49deg, #3C364C -0.38%, #1B2B46 96.36%); Dark: linear-gradient(254.49deg, #3C364C -0.38%, #2D3A4C 96.36%);
--surface-ai-copilot-invert-02
linear-gradient(254.49deg, #3C364C -0.38%, #2D3A4C 96.36%);
Group: Surface AI Other
--surface-ai-other-01-default Light: linear-gradient(95.09deg, #EEE8FF 0%, #FFF4DD 110.26%); Dark: linear-gradient(95.09deg, #4A1F73 0%, #532E1F 110.26%);
--surface-ai-other-01-default
linear-gradient(95.09deg, #EEE8FF 0%, #FFF4DD 110.26%);
linear-gradient(95.09deg, #4A1F73 0%, #532E1F 110.26%);
--surface-ai-other-01-hover Light linear-gradient(95.09deg, #E5D8FF 0%, #F4E3E0 110.26%);
--surface-ai-other-01-hover
linear-gradient(95.09deg, #E5D8FF 0%, #F4E3E0 110.26%);
--surface-ai-other-01-active Light linear-gradient(95.09deg, #E0D0FF 0%, #EFDAE2 110.26%);
--surface-ai-other-01-active
linear-gradient(95.09deg, #E0D0FF 0%, #EFDAE2 110.26%);
--surface-ai-other-02-default Light linear-gradient(95.09deg, #EEE8FF 0%, #F4FAFF 110.26%); Dark: linear-gradient(95.09deg, #513E79 0%, #1F2D44 110.26%);
--surface-ai-other-02-default
linear-gradient(95.09deg, #EEE8FF 0%, #F4FAFF 110.26%);
linear-gradient(95.09deg, #513E79 0%, #1F2D44 110.26%);
Group: Border AI Basic --border-ai-copilot-basic-default Light: conic-gradient(from 171.11deg at 50% 50%, #B466FF -46.87deg, #7E54FF 0.45deg, #45ACFF 163.12deg, #D7CDFF 240deg, #B466FF 313.12deg, #7E54FF 360.45deg);
--border-ai-copilot-basic-default
conic-gradient(from 171.11deg at 50% 50%, #B466FF -46.87deg, #7E54FF 0.45deg, #45ACFF 163.12deg, #D7CDFF 240deg, #B466FF 313.12deg, #7E54FF 360.45deg);
--border-ai-copilot-basic-hover Light: background: conic-gradient(from 171.11deg at 50% 50%, #9B33FF -46.87deg, #561FFF 0.45deg, #1496FF 163.12deg, #EBE6FF 240deg, #9B33FF 313.12deg, #561FFF 360.45deg);
--border-ai-copilot-basic-hover
background: conic-gradient(from 171.11deg at 50% 50%, #9B33FF -46.87deg, #561FFF 0.45deg, #1496FF 163.12deg, #EBE6FF 240deg, #9B33FF 313.12deg, #561FFF 360.45deg);
--border-ai-copilot-basic-active Light background: conic-gradient(from 171.11deg at 50% 50%, #C930FF -46.87deg, #7000FF 0.45deg, #00B3FF 163.12deg, #FFFFFF 240deg, #C930FF 313.12deg, #7000FF 360.45deg);
--border-ai-copilot-basic-active
background: conic-gradient(from 171.11deg at 50% 50%, #C930FF -46.87deg, #7000FF 0.45deg, #00B3FF 163.12deg, #FFFFFF 240deg, #C930FF 313.12deg, #7000FF 360.45deg);
--border-ai-other-01
Group: Content AI Basic --content-ai-copilot-basic LIGHT. linear-gradient(254.49deg, #8609FF -0.38%, #004BC2 94.44%);
--content-ai-copilot-basic
linear-gradient(254.49deg, #8609FF -0.38%, #004BC2 94.44%);
--content-ai-copilot-invert LIGHT. linear-gradient(254.49deg, #B99AFF -0.38%, #68AFFF 94.44%);
--content-ai-copilot-invert
linear-gradient(254.49deg, #B99AFF -0.38%, #68AFFF 94.44%);
--content-ai-other-1-default
linear-gradient(90deg, #007CEB 0%, #8745EB 29.5%, #EB236A 74.05%, #DD4503 125.51%);
Group: Shadows --shadow-ai-copilot-animation-start LIGHT box-shadow: 0px -4px 22px 1px rgba(0, 102, 255, 0.3); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.6); box-shadow: 0px 0px 0px 1px rgba(145, 70, 255, 1) inset;
--shadow-ai-copilot-animation-start
box-shadow: 0px -4px 22px 1px rgba(0, 102, 255, 0.3); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.6); box-shadow: 0px 0px 0px 1px rgba(145, 70, 255, 1) inset;
--shadow-ai-copilot-animation-medium1 LIGHT box-shadow: 0px -4px 22px 1px rgba(0, 102, 255, 0.3); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.6); box-shadow: 0px 0px 0px 1px rgba(145, 70, 255, 1) inset;
--shadow-ai-copilot-animation-medium1
--shadow-ai-copilot-animation-medium2 LIGHT box-shadow: 0px -2px 24px 1px rgba(0, 102, 255, 0.6); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.4);box-shadow: 0px 0px 0px 1px rgba(0, 102, 255, 1) inset;
--shadow-ai-copilot-animation-medium2
box-shadow: 0px -2px 24px 1px rgba(0, 102, 255, 0.6); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.4);box-shadow: 0px 0px 0px 1px rgba(0, 102, 255, 1) inset;
--shadow-ai-copilot-animation-medium3 LIGHT box-shadow: 0px -2px 24px 1px rgba(0, 102, 255, 0.6);box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.4);box-shadow: 0px 0px 0px 1px rgba(0, 102, 255, 1) inset;
--shadow-ai-copilot-animation-medium3
box-shadow: 0px -2px 24px 1px rgba(0, 102, 255, 0.6);box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.4);box-shadow: 0px 0px 0px 1px rgba(0, 102, 255, 1) inset;
--shadow-ai-copilot-animation-end LIGHT box-shadow: 0px 6px 28px 0px rgba(19, 19, 23, 0.3);
--shadow-ai-copilot-animation-end
box-shadow: 0px 6px 28px 0px rgba(19, 19, 23, 0.3);
--shadow-ai-copilot-animation-invert LIGHT need value
--shadow-ai-copilot-animation-invert
need value
--shadow-ai-other-float LIGHT: box-shadow: 1px 2px 6px 0px hsla(323, 100%, 38%, 0.15); box-shadow: -1px 0px 6px 0px hsla(210, 100%, 52%, 0.2);
--shadow-ai-other-float
box-shadow: 1px 2px 6px 0px hsla(323, 100%, 38%, 0.15); box-shadow: -1px 0px 6px 0px hsla(210, 100%, 52%, 0.2);
--shadow-ai-other-active-field LIGHT: box-shadow: 1px 2px 6px 0px hsla(337, 95%, 58%, 0.15);box-shadow: -1px -2px 6px 0px hsla(210, 100%, 52%, 0.2);box-shadow: 0px 0px 0px 4px hsla(212, 100%, 50%, 0.05);
--shadow-ai-other-active-field
box-shadow: 1px 2px 6px 0px hsla(337, 95%, 58%, 0.15);box-shadow: -1px -2px 6px 0px hsla(210, 100%, 52%, 0.2);box-shadow: 0px 0px 0px 4px hsla(212, 100%, 50%, 0.05);
The text was updated successfully, but these errors were encountered:
JoannaSikora
No branches or pull requests
Group: Surface AI Copilot basic
--surface-ai-copilot-basic-default
Light
linear-gradient(95.09deg, #CDDEF9 0%, #E7E5FD 45.76%, #F9F2FF 100.89%);
Dark:
linear-gradient(95.09deg, #302476 0%, #442A76 50.44%, #53307C 100.89%);
--surface-ai-copilot-basic-hover
Light
linear-gradient(95.09deg, #A6C4F5 0%, #D1CFFC 45.76%, #F3E6FF 100.89%);
Dark:
linear-gradient(95.09deg, #44378D 0%, #593D8D 50.44%, #674293 100.89%);
--surface-ai-copilot-basic-active
Light
linear-gradient(95.09deg, #A3B1F6 0%, #C9BBFC 45.76%, #E8D0FF 100.89%);
Group: Surface AI Copilot Invert
--surface-ai-copilot-invert-01
Light:
linear-gradient(254.49deg, rgba(187, 154, 255, 0.18) -0.38%, rgba(104, 175, 255, 0.18) 94.44%);
Dark:
linear-gradient(254.49deg, #3C364C -0.38%, #1B2B46 96.36%);
--surface-ai-copilot-invert-02
Light
linear-gradient(254.49deg, #3C364C -0.38%, #1B2B46 96.36%);
Dark:
linear-gradient(254.49deg, #3C364C -0.38%, #2D3A4C 96.36%);
Group: Surface AI Other
--surface-ai-other-01-default
Light:
linear-gradient(95.09deg, #EEE8FF 0%, #FFF4DD 110.26%);
Dark:
linear-gradient(95.09deg, #4A1F73 0%, #532E1F 110.26%);
--surface-ai-other-01-hover
Light
linear-gradient(95.09deg, #E5D8FF 0%, #F4E3E0 110.26%);
--surface-ai-other-01-active
Light
linear-gradient(95.09deg, #E0D0FF 0%, #EFDAE2 110.26%);
--surface-ai-other-02-default
Light
linear-gradient(95.09deg, #EEE8FF 0%, #F4FAFF 110.26%);
Dark:
linear-gradient(95.09deg, #513E79 0%, #1F2D44 110.26%);
Group: Border AI Basic
--border-ai-copilot-basic-default
Light:
conic-gradient(from 171.11deg at 50% 50%, #B466FF -46.87deg, #7E54FF 0.45deg, #45ACFF 163.12deg, #D7CDFF 240deg, #B466FF 313.12deg, #7E54FF 360.45deg);
--border-ai-copilot-basic-hover
Light:
background: conic-gradient(from 171.11deg at 50% 50%, #9B33FF -46.87deg, #561FFF 0.45deg, #1496FF 163.12deg, #EBE6FF 240deg, #9B33FF 313.12deg, #561FFF 360.45deg);
--border-ai-copilot-basic-active
Light
background: conic-gradient(from 171.11deg at 50% 50%, #C930FF -46.87deg, #7000FF 0.45deg, #00B3FF 163.12deg, #FFFFFF 240deg, #C930FF 313.12deg, #7000FF 360.45deg);
Group: Border AI Other
--border-ai-other-01
Light `linear-gradient(105.24deg, #007CEB 30.18%, #8745EB 47.61%, #EB236A 73.95%, #DD4503 104.36%);
Group: Content AI Basic
--content-ai-copilot-basic
LIGHT.
linear-gradient(254.49deg, #8609FF -0.38%, #004BC2 94.44%);
--content-ai-copilot-invert
LIGHT.
linear-gradient(254.49deg, #B99AFF -0.38%, #68AFFF 94.44%);
--content-ai-other-1-default
LIGHT.
linear-gradient(90deg, #007CEB 0%, #8745EB 29.5%, #EB236A 74.05%, #DD4503 125.51%);
Group: Shadows
--shadow-ai-copilot-animation-start
LIGHT
box-shadow: 0px -4px 22px 1px rgba(0, 102, 255, 0.3); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.6); box-shadow: 0px 0px 0px 1px rgba(145, 70, 255, 1) inset;
--shadow-ai-copilot-animation-medium1
LIGHT
box-shadow: 0px -4px 22px 1px rgba(0, 102, 255, 0.3); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.6); box-shadow: 0px 0px 0px 1px rgba(145, 70, 255, 1) inset;
--shadow-ai-copilot-animation-medium2
LIGHT
box-shadow: 0px -2px 24px 1px rgba(0, 102, 255, 0.6); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.4);box-shadow: 0px 0px 0px 1px rgba(0, 102, 255, 1) inset;
--shadow-ai-copilot-animation-medium3
LIGHT
box-shadow: 0px -2px 24px 1px rgba(0, 102, 255, 0.6);box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.4);box-shadow: 0px 0px 0px 1px rgba(0, 102, 255, 1) inset;
--shadow-ai-copilot-animation-end
LIGHT
box-shadow: 0px 6px 28px 0px rgba(19, 19, 23, 0.3);
--shadow-ai-copilot-animation-invert
LIGHT
need value
--shadow-ai-other-float
LIGHT:
box-shadow: 1px 2px 6px 0px hsla(323, 100%, 38%, 0.15); box-shadow: -1px 0px 6px 0px hsla(210, 100%, 52%, 0.2);
--shadow-ai-other-active-field
LIGHT:
box-shadow: 1px 2px 6px 0px hsla(337, 95%, 58%, 0.15);box-shadow: -1px -2px 6px 0px hsla(210, 100%, 52%, 0.2);box-shadow: 0px 0px 0px 4px hsla(212, 100%, 50%, 0.05);
The text was updated successfully, but these errors were encountered: