@radix-ui/themes/tokens/colors/lime.css

[](https://radix-ui.com/themes)

:root, .light, .light-theme {
    --lime-1: #fcfdfa;
    --lime-2: #f8faf3;
    --lime-3: #eef6d6;
    --lime-4: #e2f0bd;
    --lime-5: #d3e7a6;
    --lime-6: #c2da91;
    --lime-7: #abc978;
    --lime-8: #8db654;
    --lime-9: #bdee63;
    --lime-10: #b0e64c;
    --lime-11: #5c7c2f;
    --lime-12: #37401c;
    --lime-a1: #66990005;
    --lime-a2: #6b95000c;
    --lime-a3: #96c80029;
    --lime-a4: #8fc60042;
    --lime-a5: #81bb0059;
    --lime-a6: #72aa006e;
    --lime-a7: #61990087;
    --lime-a8: #559200ab;
    --lime-a9: #93e4009c;
    --lime-a10: #8fdc00b3;
    --lime-a11: #375f00d0;
    --lime-a12: #1e2900e3;
    --lime-surface: #f6f9f0cc;
    --lime-indicator: var(--lime-9);
    --lime-track: var(--lime-9);
}
@supports (color: color(display-p3 1 1 1)) {
    @media (color-gamut: p3) {
        :root, .light, .light-theme {
            --lime-1: color(display-p3 0.989 0.992 0.981);
            --lime-2: color(display-p3 0.975 0.98 0.954);
            --lime-3: color(display-p3 0.939 0.965 0.851);
            --lime-4: color(display-p3 0.896 0.94 0.76);
            --lime-5: color(display-p3 0.843 0.903 0.678);
            --lime-6: color(display-p3 0.778 0.852 0.599);
            --lime-7: color(display-p3 0.694 0.784 0.508);
            --lime-8: color(display-p3 0.585 0.707 0.378);
            --lime-9: color(display-p3 0.78 0.928 0.466);
            --lime-10: color(display-p3 0.734 0.896 0.397);
            --lime-11: color(display-p3 0.386 0.482 0.227);
            --lime-12: color(display-p3 0.222 0.25 0.128);
            --lime-a1: color(display-p3 0.412 0.608 0.02 / 0.02);
            --lime-a2: color(display-p3 0.514 0.592 0.024 / 0.048);
            --lime-a3: color(display-p3 0.584 0.765 0.008 / 0.15);
            --lime-a4: color(display-p3 0.561 0.757 0.004 / 0.24);
            --lime-a5: color(display-p3 0.514 0.698 0.004 / 0.322);
            --lime-a6: color(display-p3 0.443 0.627 0 / 0.4);
            --lime-a7: color(display-p3 0.376 0.561 0.004 / 0.491);
            --lime-a8: color(display-p3 0.333 0.529 0 / 0.624);
            --lime-a9: color(display-p3 0.588 0.867 0 / 0.534);
            --lime-a10: color(display-p3 0.561 0.827 0 / 0.604);
            --lime-a11: color(display-p3 0.386 0.482 0.227);
            --lime-a12: color(display-p3 0.222 0.25 0.128);
            --lime-surface: color(display-p3 0.9725 0.9765 0.9412 / 0.8);
        }
    }
}
.dark, .dark-theme {
    --lime-1: #11130c;
    --lime-2: #151a10;
    --lime-3: #1f2917;
    --lime-4: #29371d;
    --lime-5: #334423;
    --lime-6: #3d522a;
    --lime-7: #496231;
    --lime-8: #577538;
    --lime-9: #bdee63;
    --lime-10: #d4ff70;
    --lime-11: #bde56c;
    --lime-12: #e3f7ba;
    --lime-a1: #11bb0003;
    --lime-a2: #78f7000a;
    --lime-a3: #9bfd4c1a;
    --lime-a4: #a7fe5c29;
    --lime-a5: #affe6537;
    --lime-a6: #b2fe6d46;
    --lime-a7: #b6ff6f57;
    --lime-a8: #b6fd6d6c;
    --lime-a9: #caff69ed;
    --lime-a10: #d4ff70;
    --lime-a11: #d1fe77e4;
    --lime-a12: #e9febff7;
    --lime-surface: #1b211580;
    --lime-indicator: var(--lime-9);
    --lime-track: var(--lime-9);
}
@supports (color: color(display-p3 1 1 1)) {
    @media (color-gamut: p3) {
        .dark, .dark-theme {
            --lime-1: color(display-p3 0.067 0.073 0.048);
            --lime-2: color(display-p3 0.086 0.1 0.067);
            --lime-3: color(display-p3 0.13 0.16 0.099);
            --lime-4: color(display-p3 0.172 0.214 0.126);
            --lime-5: color(display-p3 0.213 0.266 0.153);
            --lime-6: color(display-p3 0.257 0.321 0.182);
            --lime-7: color(display-p3 0.307 0.383 0.215);
            --lime-8: color(display-p3 0.365 0.456 0.25);
            --lime-9: color(display-p3 0.78 0.928 0.466);
            --lime-10: color(display-p3 0.865 0.995 0.519);
            --lime-11: color(display-p3 0.771 0.893 0.485);
            --lime-12: color(display-p3 0.905 0.966 0.753);
            --lime-a1: color(display-p3 0.067 0.941 0 / 0.009);
            --lime-a2: color(display-p3 0.584 0.996 0.071 / 0.038);
            --lime-a3: color(display-p3 0.69 1 0.38 / 0.101);
            --lime-a4: color(display-p3 0.729 1 0.435 / 0.16);
            --lime-a5: color(display-p3 0.745 1 0.471 / 0.215);
            --lime-a6: color(display-p3 0.769 1 0.482 / 0.274);
            --lime-a7: color(display-p3 0.769 1 0.506 / 0.341);
            --lime-a8: color(display-p3 0.784 1 0.51 / 0.416);
            --lime-a9: color(display-p3 0.839 1 0.502 / 0.925);
            --lime-a10: color(display-p3 0.871 1 0.522 / 0.996);
            --lime-a11: color(display-p3 0.771 0.893 0.485);
            --lime-a12: color(display-p3 0.905 0.966 0.753);
            --lime-surface: color(display-p3 0.1098 0.1255 0.0784 / 0.5);
        }
    }
}
:root {
    --lime-contrast: #1d211c;
}
@supports (color: color-mix(in oklab, white, black)) {
    .dark,
.dark-theme {
        --lime-track: color-mix(in oklab, var(--lime-8), var(--lime-9) 65%);
    }
}