@newskit-themes/the-sun/thesun-light.css

Use your favourite package manager to install @newskit-themes/the-sun

:root {--color-ink-brand020: #eb1701;--color-ink-brand010: #0072ee;--color-ink-informative: #0072ee;--color-ink-notice: #585959;--color-ink-negative: #d04837;--color-ink-positive: #008a00;--color-ink-dark010: #191a1a;--color-ink-light010: #ffffff;--color-ink-inverse: #ffffff;--color-ink-non-essential: #bebfbf;--color-ink-subtle: #757777;--color-ink-base: #222526;--color-ink-contrast: #000000;--color-interface-skeleton020: #dcdddd;--color-interface-skeleton010: #f3f3f3;--color-interface-neutral020: #f3f3f3;--color-interface-neutral010: #3e3f3f;--color-interface-informative020: #ebf5ff;--color-interface-informative010: #0072ee;--color-interface-notice020: #f3f3f3;--color-interface-notice010: #3e3f3f;--color-interface-negative020: #fbf2f0;--color-interface-negative010: #d04837;--color-interface-positive020: #dcfcdc;--color-interface-positive010: #008a00;--color-interface-brand020: #b31201;--color-interface-brand010: #eb1701;--color-interface060: #191a1a;--color-interface050: #a5a6a6;--color-interface040: #bebfbf;--color-interface030: #dcdddd;--color-interface020: #f3f3f3;--color-interface010: #ffffff;--color-interface-background: #ffffff;--color-interactive-visited010: #471e79;--color-interactive-disabled010: #f3f3f3;--color-interactive-inverse050: #ffffffcc;--color-interactive-inverse040: #ffffffb3;--color-interactive-inverse030: #ffffff;--color-interactive-inverse020: #ffffff33;--color-interactive-inverse010: #ffffff1a;--color-interactive-negative050: #810e00;--color-interactive-negative040: #b21400;--color-interactive-negative030: #d04837;--color-interactive-negative020: #e7b3ac;--color-interactive-negative010: #f2d7d3;--color-interactive-positive050: #004b00;--color-interactive-positive040: #006800;--color-interactive-positive030: #008a00;--color-interactive-positive020: #00de00;--color-interactive-positive010: #89f489;--color-interactive-secondary050: #191a1a;--color-interactive-secondary040: #222526;--color-interactive-secondary030: #757777;--color-interactive-secondary020: #bebfbf;--color-interactive-secondary010: #dcdddd;--color-interactive-primary050: #003e81;--color-interactive-primary040: #0056b4;--color-interactive-primary030: #0072ee;--color-interactive-primary020: #8dc3ff;--color-interactive-primary010: #c3e0ff;--color-blue010: #ebf5ff;--color-blue020: #c3e0ff;--color-blue030: #8dc3ff;--color-blue040: #5ba9ff;--color-blue050: #268eff;--color-blue060: #0072ee;--color-blue070: #0056b4;--color-blue080: #003e81;--color-blue090: #003064;--color-blue100: #001a36;--color-green010: #dcfcdc;--color-green020: #89f489;--color-green030: #00de00;--color-green040: #00c100;--color-green050: #00a500;--color-green060: #008a00;--color-green070: #006800;--color-green080: #004b00;--color-green090: #003a00;--color-green100: #001f00;--color-red010: #fbf2f0;--color-red020: #f2d7d3;--color-red030: #e7b3ac;--color-red040: #dd938a;--color-red050: #d37367;--color-red060: #d04837;--color-red070: #b21400;--color-red080: #810e00;--color-red090: #650b00;--color-red100: #390600;--color-amber010: #ffeecf;--color-amber020: #ffdb9d;--color-amber030: #ffc058;--color-amber040: #ffad2c;--color-amber050:  #ff9900;--color-amber060: #ff8f00;--color-amber070: #ff8200;--color-amber080: #ff7200;--color-amber090: #ff6000;--color-amber100: #110a00;--color-teal010: #e8f6f8;--color-teal020: #d1ecf1;--color-teal030: #a2dae3;--color-teal040: #74c7d4;--color-teal050: #45b5c6;--color-teal060: #17a2b8;--color-teal070: #128293;--color-teal080: #0e616e;--color-teal090: #09414a;--color-teal100: #073137;--color-purple010: #b2c3d5;--color-purple020: #93a1c3;--color-purple030: #757cb1;--color-purple040: #5d589f;--color-purple050: #503b8c;--color-purple060: #471e79;--color-purple070: #50196b;--color-purple080: #54145d;--color-purple090: #4f1049;--color-purple100: #400c30;--color-neutral010: #f3f3f3;--color-neutral020: #dcdddd;--color-neutral030: #bebfbf;--color-neutral040: #a5a6a6;--color-neutral050: #8d8e8e;--color-neutral060: #757777;--color-neutral070: #585959;--color-neutral080: #3e3f3f;--color-neutral090: #222526;--color-neutral100: #191a1a;--color-focus010: #3768fb;--color-black-tint010: #0000001a;--color-black-tint020: #00000033;--color-black-tint030: #0000004d;--color-black-tint040: #00000066;--color-black-tint050: #00000080;--color-black-tint060: #00000099;--color-black-tint070: #000000b3;--color-black-tint080: #000000cc;--color-black-tint090: #000000e6;--color-black: #000000;--color-light-grey: #dcdddd;--color-white-tint010: #ffffff1a;--color-white-tint020: #ffffff33;--color-white-tint030: #ffffff4d;--color-white-tint040: #ffffff66;--color-white-tint050: #ffffff80;--color-white-tint060: #ffffff99;--color-white-tint070: #ffffffb3;--color-white-tint080: #ffffffcc;--color-white-tint090: #ffffffe6;--color-white: #ffffff;--color-reddit: #ff4500;--color-whatsapp: #44ff11;--color-youtube: #ff0000;--color-instagram: #c32aa3;--color-facebook: #1877f2;--color-sun010: #fff0f0;--color-sun020: #ffd2d2;--color-sun030: #ffa8a8;--color-sun040: #ff7f80;--color-sun050: #ff4c4d;--color-sun060: #eb1701;--color-sun070: #b31201;--color-sun080: #820c01;--color-sun090: #650a00;--color-sun100: #390500;--color-fabulous010: #fff0f6;--color-fabulous020: #ffd0e3;--color-fabulous030: #ffa3c8;--color-fabulous040: #ff79af;--color-fabulous050: #ff418d;--color-fabulous060: #ea005e;--color-fabulous070: #b30047;--color-fabulous080: #820034;--color-fabulous090: #660029;--color-fabulous100: #3b0018;--color-football010: #edf5f2;--color-football020: #cae2d9;--color-football030: #9bc9b7;--color-football040: #71b399;--color-football050: #499d7c;--color-football060: #208662;--color-football070: #226349;--color-football080: #194734;--color-football090: #133629;--color-football100: #0a1c16;--color-money010: #f9f2f5;--color-money020: #ecd7e1;--color-money030: #dbb3c6;--color-money040: #cd96af;--color-money050: #bf7998;--color-money060: #b65680;--color-money070: #913b61;--color-money080: #672a46;--color-money090: #4f2035;--color-money100: #2a111c;--color-motors010: #f1f3fb;--color-motors020: #d7dcf3;--color-motors030: #b3bdea;--color-motors040: #95a3e2;--color-motors050: #7789da;--color-motors060: #5b6fd3;--color-motors070: #3f52a9;--color-motors080: #2c3a77;--color-motors090: #222c5c;--color-motors100: #121830;--color-news010: #eef3fa;--color-news020: #cddff1;--color-news030: #a0c3e5;--color-news040: #79aadb;--color-news050: #5392d0;--color-news060: #3a79bb;--color-news070: #2b5c8c;--color-news080: #1f4163;--color-news090: #18314c;--color-news100: #0c1a28;--color-showbiz010: #f6f2f9;--color-showbiz020: #e3d9ee;--color-showbiz030: #ccb7df;--color-showbiz040: #b89ad2;--color-showbiz050: #a37ec6;--color-showbiz060: #8a69a9;--color-showbiz070: #694d82;--color-showbiz080: #4a365c;--color-showbiz090: #392a47;--color-showbiz100: #1d1625;--color-tv010: #fcefff;--color-tv020: #f5cdff;--color-tv030: #e7a9f6;--color-tv040: #dd84ef;--color-tv050: #c454d9;--color-tv060: #b840cc;--color-tv070: #8c2a9c;--color-tv080: #661e72;--color-tv090: #2b0631;--color-tv100: #210026;--color-sport010: #ecf5f7;--color-sport020: #c7e2e6;--color-sport030: #95c7d0;--color-sport040: #69b1bd;--color-sport050: #3f9aaa;--color-sport060: #258191;--color-sport070: #22616c;--color-sport080: #19444d;--color-sport090: #13343b;--color-sport100: #0a1b1f;--color-tech010: #f1f3f8;--color-tech020: #d3deeb;--color-tech030: #aec1da;--color-tech040: #8ea8cb;--color-tech050: #7790b0;--color-tech060: #627895;--color-tech070: #4a596e;--color-tech080: #343f4f;--color-tech090: #29303b;--color-tech100: #161a20;--color-travel010: #e1f7ff;--color-travel020: #a0e7ff;--color-travel030: #3acdff;--color-travel040: #00b2ee;--color-travel050: #0099cc;--color-travel060: #007fab;--color-travel070: #006081;--color-travel080: #00445c;--color-travel090: #003447;--color-entertainment010: #f6f2f9;--color-entertainment020: #e3d9ee;--color-entertainment030: #ccb7df;--color-entertainment040: #b89ad2;--color-entertainment050: #a37ec6;--color-entertainment060: #8a69a9;--color-entertainment070: #694d82;--color-entertainment080: #4a365c;--color-entertainment090: #392a47;--color-entertainment100: #1d1625;--color-travel100: #001c26;--color-lifestyle010: #fbf2e4;--color-lifestyle020: #f4daa3;--color-lifestyle030: #dbbc71;--color-lifestyle040: #bea362;--color-lifestyle050: #a38b53;--color-lifestyle060: #897444;--color-lifestyle070: #675732;--color-lifestyle080: #4a3e22;--color-lifestyle090: #302814;--color-lifestyle100: #1e180a;--color-health010: #c9fef4;--color-health020: #5cf3dd;--color-health030: #00d6c0;--color-health040: #00baa7;--color-health050: #00a08f;--color-health060: #008577;--color-health070: #006559;--color-health080: #00473f;--color-health090: #003730;--color-health100: #001d19;--color-sun-brand-red: #eb1701;--color-sun-brand-blue: #0072ee;--overlay-tint-base010: #0a0a0a33;--overlay-tint-base020: #0a0a0a66;--overlay-tint-base030: #0a0a0a99;--overlay-tint-base040: #000000cc;--overlay-tint-inverse010: #ffffff33;--overlay-tint-inverse020: #ffffff66;--overlay-tint-inverse030: #ffffff99;--overlay-tint-inverse040: #ffffffcc;--overlay-gradient-base-vertical: linear-gradient(180deg, #0a0a0a00 0%,#0a0a0a03 8.59%,#0a0a0a0d 17.48%,#0a0a0a1a 26.53%,#0a0a0a2e 35.61%,#0a0a0a42 44.59%,#0a0a0a59 53.34%,#0a0a0a73 61.73%,#0a0a0a8c 69.63%,#0a0a0aa6 76.90%,#0a0a0abd 83.41%,#0a0a0ad1 89.03%,#0a0a0ae6 93.63%,#0a0a0af2 97.08%,#0a0a0afc 99.25%,#0a0a0a 100%);--overlay-gradient-base-horizontal: linear-gradient(-90deg, #0a0a0a00 0%,#0a0a0a03 8.59%,#0a0a0a0d 17.48%,#0a0a0a1a 26.53%,#0a0a0a2e 35.61%,#0a0a0a42 44.59%,#0a0a0a59 53.34%,#0a0a0a73 61.73%,#0a0a0a8c 69.63%,#0a0a0aa6 76.90%,#0a0a0abd 83.41%,#0a0a0ad1 89.03%,#0a0a0ae6 93.63%,#0a0a0af2 97.08%,#0a0a0afc 99.25%,#0a0a0a 100%);--overlay-gradient-inverse-vertical: linear-gradient(180deg, #ffffff00 0%,#ffffff03 8.59%,#ffffff0d 17.48%,#ffffff1a 26.53%,#ffffff2e 35.61%,#ffffff42 44.59%,#ffffff59 53.34%,#ffffff73 61.73%,#ffffff8c 69.63%,#ffffffa6 76.90%,#ffffffbd 83.41%,#ffffffd1 89.03%,#ffffffe6 93.63%,#fffffff2 97.08%,#fffffffc 99.25%,#ffffff 100%);--overlay-gradient-inverse-horizontal: linear-gradient(-90deg, #ffffff00 0%,#ffffff03 8.59%,#ffffff0d 17.48%,#ffffff1a 26.53%,#ffffff2e 35.61%,#ffffff42 44.59%,#ffffff59 53.34%,#ffffff73 61.73%,#ffffff8c 69.63%,#ffffffa6 76.90%,#ffffffbd 83.41%,#ffffffd1 89.03%,#ffffffe6 93.63%,#fffffff2 97.08%,#fffffffc 99.25%,#ffffff 100%);--shadow010: 0px 0.5px 0px 2px #00000014;--shadow020: 0px 2px 0px 4px #00000014;--shadow030: 0px 4px 0px 8px #00000014;--shadow040: 0px 8px 0px 16px #00000014;--shadow050: 0px 16px 0px 24px #00000014;--shadow060: 0px 20px 0px 32px #00000014;--font-style-normal: normal;--font-style-italic: italic;--font-style-oblique: oblique;}