Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save jbjhjm/a7b3c47421d0da2fd59a81c3e3fa83b4 to your computer and use it in GitHub Desktop.
Save jbjhjm/a7b3c47421d0da2fd59a81c3e3fa83b4 to your computer and use it in GitHub Desktop.
Clickup 3.0 stylesheet to make it look more like 2.0 clean theme

clickup hack

Clickup 3.0 introduced a quite messy new theme. This CSS aims to restore the feel of "Clean" theme of Clickup 2.0. Only tested with Chrome and Dark Theme.

Features

  • restore old color theme instead of 3.0's desaturated colors
  • list view:
    • remove "noise" (unnecessary icons, labels, bubbles etc)
    • no more bold font
  • task view:
    • compact header section
    • wider description
    • double height of description that is visible without clicking it

How to install:

  • Install Chrome extension "User JavaScript and CSS"
  • Navigate to clickup app
  • open the extension's editor
  • paste the contents of styles.css into right editor column (CSS)
  • Save
  • Reload clickup

image image

// list view fixes
.cu-task-row-main_list-view-v3 .cu-task-row-main__link-text-inner {
font-weight:400!important;
}
.cu-task-row.cu-task-row_list-view-v3 .cu-task-row__status {display:none}
.cu-task-row.cu-task-row_list-view-v3 .cu-task-row__main {padding:4px 5px;}
.cu-task-row-status.cu-task-row-status_list-view-v3 .cu-task-row-status__toggle {align-items: stretch;justify-content: stretch;}
.cu-task-row-status.cu-task-row-status_list-view-v3 .cu-task-row-status__badge {height:calc(100% - 2px) !important;justify-content: center;flex:1; border-radius:0!important; margin: 1px 0!important; height: 100%;}
.cu-task-row-status.cu-task-row-status_list-view-v3 .cu-task-row-status__badge .status-badge {display:none!important;}
.cu-task-row-status.cu-task-row-status_list-view-v3 .cu-task-row-status__badge .cu-task-row-status__status-indicator {display:none!important;}
// align task inline actions to left, next to task title
.cu-task-row:not(.cu-task-row_auto-wrap) .cu-task-row-main.cu-task-row-main_list-view-v3 .cu-task-row-main__actions { margin-left:5px!important; }
// cleanup priorities column + reset colors to 2.0 standard
.cu-priorities-view.cu-priorities-view_list-view-v3 .cu-priorities-view__item-label {display:none}
.cu-priorities-view.cu-priorities-view_list-view-v3 .cu-priorities-view__item {justify-content:center}
// custom theme tweaks
body.dark-theme, .dark-sidebar {
--cu-priority-urgent: rgb(245, 0, 0)!important;
--cu-priority-high: rgb(248, 174, 0)!important;
--cu-priority-normal: rgb(111, 221, 255)!important;
--cu-priority-low: var(--cu-grey600)!important;
--cu-background-main: #21222a!important;
}
// general theme color fixes
// general layout cleanup
cu-global-actions-bar .right-part cu-upgrade-toggle {display:none}
cu-global-actions-bar .right-part cu-quick-create-modal-toggle {display:none}
cu-global-actions-bar .right-part cu-upgrade-toggle {display:none}
cu-global-actions-bar .right-part cu-upgrade-toggle {display:none}
.location-header .right { opacity: .2;}
.location-header .right:hover { opacity: 1;}
cu-create-task-menu { --cu-background-primary: #2a7b77; }
.search-modal-toggle span + span {opacity:.25;}
// sidebar cleanup - convert messy list icon to simple colored dot
.cu-subcategory-row__list-button .cu-subcategory-row__icon {background:currentColor;width: 10px;
height: 10px;
border-radius: 6px;}
// task view layout
cu-task-view { --cu-task-view-content-width: min(100% - 96px, 1220px)!important; }
cu-task-title { --cu-font-size-13:1.7rem; --cu-font-weight-bold:400; }
cu-task-view-header { --cu-grey1000:var(--custom-darkgrey); --cu-background-main:var(--custom-darkgrey);background:var(--custom-darkgrey); }
cu-task-view cu-task-title { margin-bottom:0!important; }
cu-task-view .cu-task-hero-section__row {display:flex!important;}
cu-task-view .cu-task-hero-section__row-label {display:none!important}
cu-task-view .cu-editor-wrapper {padding-top:0!important; margin-top:20px!important;}
cu-task-view .cu-status-button-badge__body {height:32px!important; };
cu-task-view cu-task-view-parent-task-link {position:absolute; right:20px;}
cu-task-view-body { --cu-background-main:#384047 }
.cu-editor-wrapper.cu-editor-wrapper_task-view-v3.cu-editor-wrapper_show-more .cu-editor {overflow:visible!important}
.cu-editor-wrapper.cu-editor-wrapper_task-view-v3 .cu-editor .ql-editor {max-height:600px!important; margin:0 -30px!important; border:1px solid #1a2023!important;}
// restore 2.0 color theme
body.dark-theme {
--custom-darkgrey: #2b343b!important;
//--cu-grey1000: #384047!important;
--_cu-grey1100: 26, 28, 32;
--_cu-grey1000: 42, 46, 52;
--_cu-grey900: 48, 53, 60;
--_cu-grey800: 60, 65, 74;
--_cu-grey700: 79, 87, 98;
--_cu-grey600: 101, 111, 125;
--_cu-grey500: 135, 144, 158;
--_cu-grey400: 173, 179, 189;
--_cu-grey300: 214, 217, 222;
--_cu-grey200: 232, 234, 237;
--_cu-grey100: 240, 241, 243;
--_cu-grey50: 247, 248, 249;
--_cu-grey25: 251, 251, 252;
--_cu-white: 255, 255, 255;
--_cu-purple1100: 50, 52, 82;
--_cu-purple1000: 59, 58, 112;
--_cu-purple900: 67, 65, 141;
--_cu-purple800: 76, 71, 171;
--_cu-purple700: 84, 77, 201;
--_cu-purple600: 95, 85, 238;
--_cu-purple500: 127, 119, 241;
--_cu-purple400: 153, 146, 244;
--_cu-purple300: 178, 173, 247;
--_cu-purple200: 204, 201, 250;
--_cu-purple100: 229, 228, 252;
--_cu-purple50: 242, 241, 254;
--_cu-neonBlue1100: 46, 55, 84;
--_cu-neonBlue1000: 50, 64, 117;
--_cu-neonBlue900: 54, 73, 149;
--_cu-neonBlue800: 59, 82, 182;
--_cu-neonBlue700: 63, 91, 214;
--_cu-neonBlue600: 68, 102, 255;
--_cu-neonBlue500: 105, 133, 255;
--_cu-neonBlue400: 135, 157, 255;
--_cu-neonBlue300: 165, 182, 255;
--_cu-neonBlue200: 195, 206, 255;
--_cu-neonBlue100: 225, 231, 255;
--_cu-neonBlue50: 240, 243, 255;
--_cu-azureBlue1100: 38, 62, 80;
--_cu-azureBlue1000: 34, 77, 107;
--_cu-azureBlue900: 30, 93, 135;
--_cu-azureBlue800: 25, 109, 162;
--_cu-azureBlue700: 21, 124, 190;
--_cu-azureBlue600: 16, 144, 224;
--_cu-azureBlue500: 64, 166, 230;
--_cu-azureBlue400: 102, 184, 235;
--_cu-azureBlue300: 140, 202, 240;
--_cu-azureBlue200: 179, 220, 245;
--_cu-azureBlue100: 217, 237, 250;
--_cu-azureBlue50: 236, 246, 253;
--_cu-teal1100: 38, 64, 69;
--_cu-teal1000: 33, 82, 86;
--_cu-teal900: 29, 99, 103;
--_cu-teal800: 25, 117, 120;
--_cu-teal700: 20, 135, 138;
--_cu-teal600: 15, 157, 159;
--_cu-teal500: 63, 177, 178;
--_cu-teal400: 101, 192, 194;
--_cu-teal300: 140, 208, 209;
--_cu-teal200: 178, 224, 224;
--_cu-teal100: 217, 239, 240;
--_cu-teal50: 231, 245, 245;
--_cu-mint1100: 45, 68, 66;
--_cu-mint1000: 48, 90, 80;
--_cu-mint900: 51, 112, 94;
--_cu-mint800: 54, 134, 108;
--_cu-mint700: 57, 156, 122;
--_cu-mint600: 61, 184, 139;
--_cu-mint500: 100, 198, 162;
--_cu-mint400: 131, 209, 181;
--_cu-mint300: 162, 221, 199;
--_cu-mint200: 193, 232, 218;
--_cu-mint100: 224, 244, 236;
--_cu-mint50: 240, 249, 246;
--_cu-green1100: 35, 60, 55;
--_cu-green1000: 29, 75, 57;
--_cu-green900: 22, 89, 60;
--_cu-green800: 15, 104, 62;
--_cu-green700: 8, 118, 65;
--_cu-green600: 0, 136, 68;
--_cu-green500: 51, 160, 105;
--_cu-green400: 92, 179, 135;
--_cu-green300: 133, 198, 165;
--_cu-green200: 173, 217, 195;
--_cu-green100: 214, 236, 225;
--_cu-green50: 235, 245, 240;
--_cu-yellow1100: 75, 66, 44;
--_cu-yellow1000: 108, 87, 35;
--_cu-yellow900: 141, 107, 27;
--_cu-yellow800: 174, 128, 19;
--_cu-yellow700: 207, 148, 10;
--_cu-yellow600: 248, 174, 0;
--_cu-yellow500: 249, 190, 51;
--_cu-yellow400: 251, 203, 92;
--_cu-yellow300: 252, 216, 133;
--_cu-yellow200: 253, 229, 173;
--_cu-yellow100: 254, 242, 214;
--_cu-yellow50: 254, 249, 235;
--_cu-orange1100: 71, 56, 47;
--_cu-orange1000: 101, 66, 42;
--_cu-orange900: 130, 75, 38;
--_cu-orange800: 159, 85, 33;
--_cu-orange700: 188, 95, 28;
--_cu-orange600: 225, 107, 22;
--_cu-orange500: 231, 137, 69;
--_cu-orange400: 236, 160, 106;
--_cu-orange300: 241, 184, 143;
--_cu-orange200: 245, 208, 180;
--_cu-orange100: 250, 231, 218;
--_cu-orange50: 253, 243, 236;
--_cu-red1100: 69, 48, 55;
--_cu-red1000: 96, 51, 57;
--_cu-red900: 123, 53, 60;
--_cu-red800: 150, 55, 62;
--_cu-red700: 177, 58, 65;
--_cu-red600: 211, 61, 68;
--_cu-red500: 220, 100, 106;
--_cu-red400: 227, 131, 136;
--_cu-red300: 234, 162, 165;
--_cu-red200: 241, 193, 195;
--_cu-red100: 248, 224, 225;
--_cu-red50: 252, 239, 240;
--_cu-pink1100: 73, 54, 68;
--_cu-pink1000: 105, 61, 84;
--_cu-pink900: 136, 69, 100;
--_cu-pink800: 167, 77, 117;
--_cu-pink700: 199, 84, 133;
--_cu-pink600: 238, 94, 153;
--_cu-pink500: 241, 126, 173;
--_cu-pink400: 244, 152, 190;
--_cu-pink300: 247, 178, 206;
--_cu-pink200: 250, 204, 222;
--_cu-pink100: 252, 229, 239;
--_cu-pink50: 254, 242, 247;
--_cu-violet1100: 64, 54, 80;
--_cu-violet1000: 87, 62, 107;
--_cu-violet900: 109, 70, 135;
--_cu-violet800: 132, 78, 162;
--_cu-violet700: 154, 86, 190;
--_cu-violet600: 182, 96, 224;
--_cu-violet500: 197, 128, 230;
--_cu-violet400: 208, 153, 235;
--_cu-violet300: 220, 179, 240;
--_cu-violet200: 232, 204, 245;
--_cu-violet100: 243, 230, 250;
--_cu-violet50: 249, 242, 253;
--_cu-brown1100: 62, 61, 64;
--_cu-brown1000: 83, 76, 76;
--_cu-brown900: 103, 92, 88;
--_cu-brown800: 124, 107, 101;
--_cu-brown700: 144, 121, 113;
--_cu-brown600: 170, 141, 128;
--_cu-brown500: 187, 163, 153;
--_cu-brown400: 201, 182, 174;
--_cu-brown300: 214, 200, 194;
--_cu-brown200: 228, 219, 214;
--_cu-brown100: 241, 237, 235;
--_cu-brown50: 248, 246, 245;
--_cu-black1100: 0, 0, 0;
--_cu-black1000: 10, 11, 13;
--_cu-black900: 19, 21, 26;
--_cu-black800: 29, 32, 38;
--_cu-black700: 38, 42, 51;
--_cu-black600: 48, 53, 64;
--_cu-black500: 89, 93, 102;
--_cu-black400: 123, 126, 133;
--_cu-black300: 156, 158, 163;
--_cu-black200: 189, 190, 194;
--_cu-black100: 222, 223, 224;
--_cu-black50: 238, 239, 240;
--cu-grey1100: rgb(var(--_cu-grey1100));
--cu-grey1000: rgb(var(--_cu-grey1000));
--cu-grey1000-90: rgb(var(--_cu-grey1000), .9);
--cu-grey1000-70: rgb(var(--_cu-grey1000), .7);
--cu-grey1000-50: rgb(var(--_cu-grey1000), .5);
--cu-grey1000-20: rgb(var(--_cu-grey1000), .2);
--cu-grey1000-16: rgb(var(--_cu-grey1000), .16);
--cu-grey1000-10: rgb(var(--_cu-grey1000), .1);
--cu-grey900-90: rgb(var(--_cu-grey900), .9);
--cu-grey900: rgb(var(--_cu-grey900));
--cu-grey800: rgb(var(--_cu-grey800));
--cu-grey700: rgb(var(--_cu-grey700));
--cu-grey600: rgb(var(--_cu-grey600));
--cu-grey500: rgb(var(--_cu-grey500));
--cu-grey400: rgb(var(--_cu-grey400));
--cu-grey300: rgb(var(--_cu-grey300));
--cu-grey200: rgb(var(--_cu-grey200));
--cu-grey100: rgb(var(--_cu-grey100));
--cu-grey100-50: rgb(var(--_cu-grey100), .5);
--cu-grey100-20: rgb(var(--_cu-grey100), .2);
--cu-grey100-16: rgb(var(--_cu-grey100), .16);
--cu-grey100-10: rgb(var(--_cu-grey100), .1);
--cu-grey50: rgb(var(--_cu-grey50));
--cu-grey25: rgb(var(--_cu-grey25));
--cu-white: rgb(var(--_cu-white));
--cu-white-90: rgb(var(--_cu-white), .9);
--cu-white-80: rgb(var(--_cu-white), .8);
--cu-white-70: rgb(var(--_cu-white), .7);
--cu-white-50: rgb(var(--_cu-white), .5);
--cu-white-20: rgb(var(--_cu-white), .2);
--cu-white-16: rgb(var(--_cu-white), .16);
--cu-white-10: rgb(var(--_cu-white), .1);
--cu-green1100: rgb(var(--_cu-green1100));
--cu-green1000: rgb(var(--_cu-green1000));
--cu-green900: rgb(var(--_cu-green900));
--cu-green800: rgb(var(--_cu-green800));
--cu-green700: rgb(var(--_cu-green700));
--cu-green600: rgb(var(--_cu-green600));
--cu-green500: rgb(var(--_cu-green500));
--cu-green400: rgb(var(--_cu-green400));
--cu-green300: rgb(var(--_cu-green300));
--cu-green200: rgb(var(--_cu-green200));
--cu-green100: rgb(var(--_cu-green100));
--cu-green50: rgb(var(--_cu-green50));
--cu-yellow1100: rgb(var(--_cu-yellow1100));
--cu-yellow1000: rgb(var(--_cu-yellow1000));
--cu-yellow900: rgb(var(--_cu-yellow900));
--cu-yellow800: rgb(var(--_cu-yellow800));
--cu-yellow700: rgb(var(--_cu-yellow700));
--cu-yellow600: rgb(var(--_cu-yellow600));
--cu-yellow500: rgb(var(--_cu-yellow500));
--cu-yellow400: rgb(var(--_cu-yellow400));
--cu-yellow300: rgb(var(--_cu-yellow300));
--cu-yellow200: rgb(var(--_cu-yellow200));
--cu-yellow100: rgb(var(--_cu-yellow100));
--cu-yellow50: rgb(var(--_cu-yellow50));
--cu-red1100: rgb(var(--_cu-red1100));
--cu-red1000: rgb(var(--_cu-red1000));
--cu-red900: rgb(var(--_cu-red900));
--cu-red800: rgb(var(--_cu-red800));
--cu-red700: rgb(var(--_cu-red700));
--cu-red600: rgb(var(--_cu-red600));
--cu-red600-16: rgb(var(--_cu-red600), .16);
--cu-red500: rgb(var(--_cu-red500));
--cu-red500-16: rgb(var(--_cu-red500), .16);
--cu-red400: rgb(var(--_cu-red400));
--cu-red300: rgb(var(--_cu-red300));
--cu-red200: rgb(var(--_cu-red200));
--cu-red100: rgb(var(--_cu-red100));
--cu-red50: rgb(var(--_cu-red50));
--cu-purple1100: rgb(var(--_cu-purple1100));
--cu-purple1000: rgb(var(--_cu-purple1000));
--cu-purple900: rgb(var(--_cu-purple900));
--cu-purple800: rgb(var(--_cu-purple800));
--cu-purple700: rgb(var(--_cu-purple700));
--cu-purple600: rgb(var(--_cu-purple600));
--cu-purple600-16: rgb(var(--_cu-purple600), .16);
--cu-purple500: rgb(var(--_cu-purple500));
--cu-purple500-16: rgb(var(--_cu-purple500), .16);
--cu-purple400: rgb(var(--_cu-purple400));
--cu-purple300: rgb(var(--_cu-purple300));
--cu-purple200: rgb(var(--_cu-purple200));
--cu-purple100: rgb(var(--_cu-purple100));
--cu-purple50: rgb(var(--_cu-purple50));
--cu-neonBlue1100: rgb(var(--_cu-neonBlue1100));
--cu-neonBlue1000: rgb(var(--_cu-neonBlue1000));
--cu-neonBlue900: rgb(var(--_cu-neonBlue900));
--cu-neonBlue800: rgb(var(--_cu-neonBlue800));
--cu-neonBlue700: rgb(var(--_cu-neonBlue700));
--cu-neonBlue600: rgb(var(--_cu-neonBlue600));
--cu-neonBlue600-16: rgb(var(--_cu-neonBlue600), .16);
--cu-neonBlue500: rgb(var(--_cu-neonBlue500));
--cu-neonBlue500-16: rgb(var(--_cu-neonBlue500), .16);
--cu-neonBlue400: rgb(var(--_cu-neonBlue400));
--cu-neonBlue300: rgb(var(--_cu-neonBlue300));
--cu-neonBlue200: rgb(var(--_cu-neonBlue200));
--cu-neonBlue100: rgb(var(--_cu-neonBlue100));
--cu-neonBlue50: rgb(var(--_cu-neonBlue50));
--cu-azureBlue1100: rgb(var(--_cu-azureBlue1100));
--cu-azureBlue1000: rgb(var(--_cu-azureBlue1000));
--cu-azureBlue900: rgb(var(--_cu-azureBlue900));
--cu-azureBlue800: rgb(var(--_cu-azureBlue800));
--cu-azureBlue700: rgb(var(--_cu-azureBlue700));
--cu-azureBlue600: rgb(var(--_cu-azureBlue600));
--cu-azureBlue600-16: rgb(var(--_cu-azureBlue600), .16);
--cu-azureBlue500: rgb(var(--_cu-azureBlue500));
--cu-azureBlue500-16: rgb(var(--_cu-azureBlue500), .16);
--cu-azureBlue400: rgb(var(--_cu-azureBlue400));
--cu-azureBlue300: rgb(var(--_cu-azureBlue300));
--cu-azureBlue200: rgb(var(--_cu-azureBlue200));
--cu-azureBlue100: rgb(var(--_cu-azureBlue100));
--cu-azureBlue50: rgb(var(--_cu-azureBlue50));
--cu-teal1100: rgb(var(--_cu-teal1100));
--cu-teal1000: rgb(var(--_cu-teal1000));
--cu-teal900: rgb(var(--_cu-teal900));
--cu-teal800: rgb(var(--_cu-teal800));
--cu-teal700: rgb(var(--_cu-teal700));
--cu-teal600: rgb(var(--_cu-teal600));
--cu-teal600-16: rgb(var(--_cu-teal600), .16);
--cu-teal500: rgb(var(--_cu-teal500));
--cu-teal500-16: rgb(var(--_cu-teal500), .16);
--cu-teal400: rgb(var(--_cu-teal400));
--cu-teal300: rgb(var(--_cu-teal300));
--cu-teal200: rgb(var(--_cu-teal200));
--cu-teal100: rgb(var(--_cu-teal100));
--cu-teal50: rgb(var(--_cu-teal50));
--cu-mint1100: rgb(var(--_cu-mint1100));
--cu-mint1000: rgb(var(--_cu-mint1000));
--cu-mint900: rgb(var(--_cu-mint900));
--cu-mint800: rgb(var(--_cu-mint800));
--cu-mint700: rgb(var(--_cu-mint700));
--cu-mint600: rgb(var(--_cu-mint600));
--cu-mint600-16: rgb(var(--_cu-mint600), .16);
--cu-mint500: rgb(var(--_cu-mint500));
--cu-mint500-16: rgb(var(--_cu-mint500), .16);
--cu-mint400: rgb(var(--_cu-mint400));
--cu-mint300: rgb(var(--_cu-mint300));
--cu-mint200: rgb(var(--_cu-mint200));
--cu-mint100: rgb(var(--_cu-mint100));
--cu-mint50: rgb(var(--_cu-mint50));
--cu-orange1100: rgb(var(--_cu-orange1100));
--cu-orange1000: rgb(var(--_cu-orange1000));
--cu-orange900: rgb(var(--_cu-orange900));
--cu-orange800: rgb(var(--_cu-orange800));
--cu-orange700: rgb(var(--_cu-orange700));
--cu-orange600: rgb(var(--_cu-orange600));
--cu-orange600-16: rgb(var(--_cu-orange600), .16);
--cu-orange500: rgb(var(--_cu-orange500));
--cu-orange500-16: rgb(var(--_cu-orange500), .16);
--cu-orange400: rgb(var(--_cu-orange400));
--cu-orange300: rgb(var(--_cu-orange300));
--cu-orange200: rgb(var(--_cu-orange200));
--cu-orange100: rgb(var(--_cu-orange100));
--cu-orange50: rgb(var(--_cu-orange50));
--cu-pink1100: rgb(var(--_cu-pink1100));
--cu-pink1000: rgb(var(--_cu-pink1000));
--cu-pink900: rgb(var(--_cu-pink900));
--cu-pink800: rgb(var(--_cu-pink800));
--cu-pink700: rgb(var(--_cu-pink700));
--cu-pink600: rgb(var(--_cu-pink600));
--cu-pink600-16: rgb(var(--_cu-pink600), .16);
--cu-pink500: rgb(var(--_cu-pink500));
--cu-pink500-16: rgb(var(--_cu-pink500), .16);
--cu-pink400: rgb(var(--_cu-pink400));
--cu-pink300: rgb(var(--_cu-pink300));
--cu-pink200: rgb(var(--_cu-pink200));
--cu-pink100: rgb(var(--_cu-pink100));
--cu-pink50: rgb(var(--_cu-pink50));
--cu-violet1100: rgb(var(--_cu-violet1100));
--cu-violet1000: rgb(var(--_cu-violet1000));
--cu-violet900: rgb(var(--_cu-violet900));
--cu-violet800: rgb(var(--_cu-violet800));
--cu-violet700: rgb(var(--_cu-violet700));
--cu-violet600: rgb(var(--_cu-violet600));
--cu-violet600-16: rgb(var(--_cu-violet600), .16);
--cu-violet500: rgb(var(--_cu-violet500));
--cu-violet500-16: rgb(var(--_cu-violet500), .16);
--cu-violet400: rgb(var(--_cu-violet400));
--cu-violet300: rgb(var(--_cu-violet300));
--cu-violet200: rgb(var(--_cu-violet200));
--cu-violet100: rgb(var(--_cu-violet100));
--cu-violet50: rgb(var(--_cu-violet50));
--cu-brown1100: rgb(var(--_cu-brown1100));
--cu-brown1000: rgb(var(--_cu-brown1000));
--cu-brown900: rgb(var(--_cu-brown900));
--cu-brown800: rgb(var(--_cu-brown800));
--cu-brown700: rgb(var(--_cu-brown700));
--cu-brown600: rgb(var(--_cu-brown600));
--cu-brown600-16: rgb(var(--_cu-brown600), .16);
--cu-brown500: rgb(var(--_cu-brown500));
--cu-brown500-16: rgb(var(--_cu-brown500), .16);
--cu-brown400: rgb(var(--_cu-brown400));
--cu-brown300: rgb(var(--_cu-brown300));
--cu-brown200: rgb(var(--_cu-brown200));
--cu-brown100: rgb(var(--_cu-brown100));
--cu-brown50: rgb(var(--_cu-brown50));
--cu-black1100: rgb(var(--_cu-black1100));
--cu-black1000: rgb(var(--_cu-black1000));
--cu-black900: rgb(var(--_cu-black900));
--cu-black800: rgb(var(--_cu-black800));
--cu-black700: rgb(var(--_cu-black700));
--cu-black600: rgb(var(--_cu-black600));
--cu-black600-16: rgb(var(--_cu-black600), .16);
--cu-black500: rgb(var(--_cu-black500));
--cu-black500-16: rgb(var(--_cu-black500), .16);
--cu-black400: rgb(var(--_cu-black400));
--cu-black300: rgb(var(--_cu-black300));
--cu-black200: rgb(var(--_cu-black200));
--cu-black100: rgb(var(--_cu-black100));
--cu-black50: rgb(var(--_cu-black50));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment