Skip to content

Commit 77c9cb9

Browse files
michaelmkrausmichaelmkraus
authored
feat: add new colors light-green and burgundy (#4253)
* feat: add new colors light-green and burgundy
1 parent d65bcb5 commit 77c9cb9

File tree

11 files changed

+1170
-50
lines changed

11 files changed

+1170
-50
lines changed

‎packages/foundations/scss/colors/_default-color-mappings.scss

Lines changed: 392 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2940,5 +2940,397 @@
29402940
var(--db-green-10),
29412941
var(--db-green-10)
29422942
);
2943+
--db-light-green-origin-default: light-dark(
2944+
var(--db-light-green-origin-light-default),
2945+
var(--db-light-green-origin-dark-default)
2946+
);
2947+
--db-light-green-origin-hovered: light-dark(
2948+
var(--db-light-green-origin-light-hovered),
2949+
var(--db-light-green-origin-dark-hovered)
2950+
);
2951+
--db-light-green-origin-pressed: light-dark(
2952+
var(--db-light-green-origin-light-pressed),
2953+
var(--db-light-green-origin-dark-pressed)
2954+
);
2955+
--db-light-green-on-origin-default: light-dark(
2956+
var(--db-light-green-on-origin-light-default),
2957+
var(--db-light-green-on-origin-dark-default)
2958+
);
2959+
--db-light-green-on-bg-basic-emphasis-50-default: light-dark(
2960+
var(--db-light-green-9),
2961+
var(--db-light-green-5)
2962+
);
2963+
--db-light-green-on-bg-basic-emphasis-60-default: light-dark(
2964+
var(--db-light-green-10),
2965+
var(--db-light-green-6)
2966+
);
2967+
--db-light-green-on-bg-basic-emphasis-70-default: light-dark(
2968+
var(--db-light-green-7),
2969+
var(--db-light-green-8)
2970+
);
2971+
--db-light-green-on-bg-basic-emphasis-70-hovered: light-dark(
2972+
var(--db-light-green-4),
2973+
var(--db-light-green-10)
2974+
);
2975+
--db-light-green-on-bg-basic-emphasis-70-pressed: light-dark(
2976+
var(--db-light-green-6),
2977+
var(--db-light-green-9)
2978+
);
2979+
--db-light-green-on-bg-basic-emphasis-80-default: light-dark(
2980+
var(--db-light-green-6),
2981+
var(--db-light-green-9)
2982+
);
2983+
--db-light-green-on-bg-basic-emphasis-80-hovered: light-dark(
2984+
var(--db-light-green-3),
2985+
var(--db-light-green-12)
2986+
);
2987+
--db-light-green-on-bg-basic-emphasis-80-pressed: light-dark(
2988+
var(--db-light-green-5),
2989+
var(--db-light-green-10)
2990+
);
2991+
--db-light-green-on-bg-basic-emphasis-90-default: light-dark(
2992+
var(--db-light-green-4),
2993+
var(--db-light-green-10)
2994+
);
2995+
--db-light-green-on-bg-basic-emphasis-90-hovered: light-dark(
2996+
var(--db-light-green-0),
2997+
var(--db-light-green-14)
2998+
);
2999+
--db-light-green-on-bg-basic-emphasis-90-pressed: light-dark(
3000+
var(--db-light-green-3),
3001+
var(--db-light-green-11)
3002+
);
3003+
--db-light-green-on-bg-basic-emphasis-100-default: light-dark(
3004+
var(--db-light-green-1),
3005+
var(--db-light-green-12)
3006+
);
3007+
--db-light-green-on-bg-basic-emphasis-100-hovered: light-dark(
3008+
var(--db-light-green-5),
3009+
var(--db-light-green-9)
3010+
);
3011+
--db-light-green-on-bg-basic-emphasis-100-pressed: light-dark(
3012+
var(--db-light-green-2),
3013+
var(--db-light-green-11)
3014+
);
3015+
--db-light-green-on-bg-inverted-default: light-dark(
3016+
var(--db-light-green-14),
3017+
var(--db-light-green-3)
3018+
);
3019+
--db-light-green-on-bg-inverted-hovered: light-dark(
3020+
var(--db-light-green-11),
3021+
var(--db-light-green-0)
3022+
);
3023+
--db-light-green-on-bg-inverted-pressed: light-dark(
3024+
var(--db-light-green-13),
3025+
var(--db-light-green-2)
3026+
);
3027+
--db-light-green-on-bg-vibrant-default: light-dark(
3028+
var(--db-light-green-1),
3029+
var(--db-light-green-1)
3030+
);
3031+
--db-light-green-on-bg-vibrant-hovered: light-dark(
3032+
var(--db-light-green-4),
3033+
var(--db-light-green-4)
3034+
);
3035+
--db-light-green-on-bg-vibrant-pressed: light-dark(
3036+
var(--db-light-green-2),
3037+
var(--db-light-green-2)
3038+
);
3039+
--db-light-green-bg-basic-level-1-default: light-dark(
3040+
var(--db-light-green-14),
3041+
var(--db-light-green-1)
3042+
);
3043+
--db-light-green-bg-basic-level-1-hovered: light-dark(
3044+
var(--db-light-green-13),
3045+
var(--db-light-green-3)
3046+
);
3047+
--db-light-green-bg-basic-level-1-pressed: light-dark(
3048+
var(--db-light-green-12),
3049+
var(--db-light-green-4)
3050+
);
3051+
--db-light-green-bg-basic-level-2-default: light-dark(
3052+
var(--db-light-green-13),
3053+
var(--db-light-green-2)
3054+
);
3055+
--db-light-green-bg-basic-level-2-hovered: light-dark(
3056+
var(--db-light-green-12),
3057+
var(--db-light-green-4)
3058+
);
3059+
--db-light-green-bg-basic-level-2-pressed: light-dark(
3060+
var(--db-light-green-11),
3061+
var(--db-light-green-5)
3062+
);
3063+
--db-light-green-bg-basic-level-3-default: light-dark(
3064+
var(--db-light-green-12),
3065+
var(--db-light-green-3)
3066+
);
3067+
--db-light-green-bg-basic-level-3-hovered: light-dark(
3068+
var(--db-light-green-11),
3069+
var(--db-light-green-1)
3070+
);
3071+
--db-light-green-bg-basic-level-3-pressed: light-dark(
3072+
var(--db-light-green-10),
3073+
var(--db-light-green-0)
3074+
);
3075+
--db-light-green-bg-basic-transparent-full-default: light-dark(
3076+
color-mix(in srgb, transparent 100%, var(--db-light-green-6)),
3077+
color-mix(in srgb, transparent 100%, var(--db-light-green-9))
3078+
);
3079+
--db-light-green-bg-basic-transparent-semi-default: light-dark(
3080+
color-mix(in srgb, transparent 92%, var(--db-light-green-6)),
3081+
color-mix(in srgb, transparent 84%, var(--db-light-green-9))
3082+
);
3083+
--db-light-green-bg-basic-transparent-hovered: light-dark(
3084+
color-mix(in srgb, transparent 76%, var(--db-light-green-6)),
3085+
color-mix(in srgb, transparent 76%, var(--db-light-green-9))
3086+
);
3087+
--db-light-green-bg-basic-transparent-pressed: light-dark(
3088+
color-mix(in srgb, transparent 68%, var(--db-light-green-6)),
3089+
color-mix(in srgb, transparent 68%, var(--db-light-green-9))
3090+
);
3091+
--db-light-green-bg-inverted-contrast-max-default: light-dark(
3092+
var(--db-light-green-1),
3093+
var(--db-light-green-12)
3094+
);
3095+
--db-light-green-bg-inverted-contrast-max-hovered: light-dark(
3096+
var(--db-light-green-5),
3097+
var(--db-light-green-9)
3098+
);
3099+
--db-light-green-bg-inverted-contrast-max-pressed: light-dark(
3100+
var(--db-light-green-2),
3101+
var(--db-light-green-11)
3102+
);
3103+
--db-light-green-bg-inverted-contrast-high-default: light-dark(
3104+
var(--db-light-green-6),
3105+
var(--db-light-green-9)
3106+
);
3107+
--db-light-green-bg-inverted-contrast-high-hovered: light-dark(
3108+
var(--db-light-green-2),
3109+
var(--db-light-green-12)
3110+
);
3111+
--db-light-green-bg-inverted-contrast-high-pressed: light-dark(
3112+
var(--db-light-green-5),
3113+
var(--db-light-green-10)
3114+
);
3115+
--db-light-green-bg-inverted-contrast-low-default: light-dark(
3116+
var(--db-light-green-7),
3117+
var(--db-light-green-8)
3118+
);
3119+
--db-light-green-bg-inverted-contrast-low-hovered: light-dark(
3120+
var(--db-light-green-3),
3121+
var(--db-light-green-12)
3122+
);
3123+
--db-light-green-bg-inverted-contrast-low-pressed: light-dark(
3124+
var(--db-light-green-6),
3125+
var(--db-light-green-9)
3126+
);
3127+
--db-light-green-bg-vibrant-default: light-dark(
3128+
var(--db-light-green-9),
3129+
var(--db-light-green-9)
3130+
);
3131+
--db-light-green-bg-vibrant-hovered: light-dark(
3132+
var(--db-light-green-12),
3133+
var(--db-light-green-12)
3134+
);
3135+
--db-light-green-bg-vibrant-pressed: light-dark(
3136+
var(--db-light-green-10),
3137+
var(--db-light-green-10)
3138+
);
3139+
--db-burgundy-origin-default: light-dark(
3140+
var(--db-burgundy-origin-light-default),
3141+
var(--db-burgundy-origin-dark-default)
3142+
);
3143+
--db-burgundy-origin-hovered: light-dark(
3144+
var(--db-burgundy-origin-light-hovered),
3145+
var(--db-burgundy-origin-dark-hovered)
3146+
);
3147+
--db-burgundy-origin-pressed: light-dark(
3148+
var(--db-burgundy-origin-light-pressed),
3149+
var(--db-burgundy-origin-dark-pressed)
3150+
);
3151+
--db-burgundy-on-origin-default: light-dark(
3152+
var(--db-burgundy-on-origin-light-default),
3153+
var(--db-burgundy-on-origin-dark-default)
3154+
);
3155+
--db-burgundy-on-bg-basic-emphasis-50-default: light-dark(
3156+
var(--db-burgundy-9),
3157+
var(--db-burgundy-5)
3158+
);
3159+
--db-burgundy-on-bg-basic-emphasis-60-default: light-dark(
3160+
var(--db-burgundy-10),
3161+
var(--db-burgundy-6)
3162+
);
3163+
--db-burgundy-on-bg-basic-emphasis-70-default: light-dark(
3164+
var(--db-burgundy-7),
3165+
var(--db-burgundy-8)
3166+
);
3167+
--db-burgundy-on-bg-basic-emphasis-70-hovered: light-dark(
3168+
var(--db-burgundy-4),
3169+
var(--db-burgundy-10)
3170+
);
3171+
--db-burgundy-on-bg-basic-emphasis-70-pressed: light-dark(
3172+
var(--db-burgundy-6),
3173+
var(--db-burgundy-9)
3174+
);
3175+
--db-burgundy-on-bg-basic-emphasis-80-default: light-dark(
3176+
var(--db-burgundy-6),
3177+
var(--db-burgundy-9)
3178+
);
3179+
--db-burgundy-on-bg-basic-emphasis-80-hovered: light-dark(
3180+
var(--db-burgundy-3),
3181+
var(--db-burgundy-12)
3182+
);
3183+
--db-burgundy-on-bg-basic-emphasis-80-pressed: light-dark(
3184+
var(--db-burgundy-5),
3185+
var(--db-burgundy-10)
3186+
);
3187+
--db-burgundy-on-bg-basic-emphasis-90-default: light-dark(
3188+
var(--db-burgundy-4),
3189+
var(--db-burgundy-10)
3190+
);
3191+
--db-burgundy-on-bg-basic-emphasis-90-hovered: light-dark(
3192+
var(--db-burgundy-0),
3193+
var(--db-burgundy-14)
3194+
);
3195+
--db-burgundy-on-bg-basic-emphasis-90-pressed: light-dark(
3196+
var(--db-burgundy-3),
3197+
var(--db-burgundy-11)
3198+
);
3199+
--db-burgundy-on-bg-basic-emphasis-100-default: light-dark(
3200+
var(--db-burgundy-1),
3201+
var(--db-burgundy-12)
3202+
);
3203+
--db-burgundy-on-bg-basic-emphasis-100-hovered: light-dark(
3204+
var(--db-burgundy-5),
3205+
var(--db-burgundy-9)
3206+
);
3207+
--db-burgundy-on-bg-basic-emphasis-100-pressed: light-dark(
3208+
var(--db-burgundy-2),
3209+
var(--db-burgundy-11)
3210+
);
3211+
--db-burgundy-on-bg-inverted-default: light-dark(
3212+
var(--db-burgundy-14),
3213+
var(--db-burgundy-3)
3214+
);
3215+
--db-burgundy-on-bg-inverted-hovered: light-dark(
3216+
var(--db-burgundy-11),
3217+
var(--db-burgundy-0)
3218+
);
3219+
--db-burgundy-on-bg-inverted-pressed: light-dark(
3220+
var(--db-burgundy-13),
3221+
var(--db-burgundy-2)
3222+
);
3223+
--db-burgundy-on-bg-vibrant-default: light-dark(
3224+
var(--db-burgundy-1),
3225+
var(--db-burgundy-1)
3226+
);
3227+
--db-burgundy-on-bg-vibrant-hovered: light-dark(
3228+
var(--db-burgundy-4),
3229+
var(--db-burgundy-4)
3230+
);
3231+
--db-burgundy-on-bg-vibrant-pressed: light-dark(
3232+
var(--db-burgundy-2),
3233+
var(--db-burgundy-2)
3234+
);
3235+
--db-burgundy-bg-basic-level-1-default: light-dark(
3236+
var(--db-burgundy-14),
3237+
var(--db-burgundy-1)
3238+
);
3239+
--db-burgundy-bg-basic-level-1-hovered: light-dark(
3240+
var(--db-burgundy-13),
3241+
var(--db-burgundy-3)
3242+
);
3243+
--db-burgundy-bg-basic-level-1-pressed: light-dark(
3244+
var(--db-burgundy-12),
3245+
var(--db-burgundy-4)
3246+
);
3247+
--db-burgundy-bg-basic-level-2-default: light-dark(
3248+
var(--db-burgundy-13),
3249+
var(--db-burgundy-2)
3250+
);
3251+
--db-burgundy-bg-basic-level-2-hovered: light-dark(
3252+
var(--db-burgundy-12),
3253+
var(--db-burgundy-4)
3254+
);
3255+
--db-burgundy-bg-basic-level-2-pressed: light-dark(
3256+
var(--db-burgundy-11),
3257+
var(--db-burgundy-5)
3258+
);
3259+
--db-burgundy-bg-basic-level-3-default: light-dark(
3260+
var(--db-burgundy-12),
3261+
var(--db-burgundy-3)
3262+
);
3263+
--db-burgundy-bg-basic-level-3-hovered: light-dark(
3264+
var(--db-burgundy-11),
3265+
var(--db-burgundy-1)
3266+
);
3267+
--db-burgundy-bg-basic-level-3-pressed: light-dark(
3268+
var(--db-burgundy-10),
3269+
var(--db-burgundy-0)
3270+
);
3271+
--db-burgundy-bg-basic-transparent-full-default: light-dark(
3272+
color-mix(in srgb, transparent 100%, var(--db-burgundy-6)),
3273+
color-mix(in srgb, transparent 100%, var(--db-burgundy-9))
3274+
);
3275+
--db-burgundy-bg-basic-transparent-semi-default: light-dark(
3276+
color-mix(in srgb, transparent 92%, var(--db-burgundy-6)),
3277+
color-mix(in srgb, transparent 84%, var(--db-burgundy-9))
3278+
);
3279+
--db-burgundy-bg-basic-transparent-hovered: light-dark(
3280+
color-mix(in srgb, transparent 76%, var(--db-burgundy-6)),
3281+
color-mix(in srgb, transparent 76%, var(--db-burgundy-9))
3282+
);
3283+
--db-burgundy-bg-basic-transparent-pressed: light-dark(
3284+
color-mix(in srgb, transparent 68%, var(--db-burgundy-6)),
3285+
color-mix(in srgb, transparent 68%, var(--db-burgundy-9))
3286+
);
3287+
--db-burgundy-bg-inverted-contrast-max-default: light-dark(
3288+
var(--db-burgundy-1),
3289+
var(--db-burgundy-12)
3290+
);
3291+
--db-burgundy-bg-inverted-contrast-max-hovered: light-dark(
3292+
var(--db-burgundy-5),
3293+
var(--db-burgundy-9)
3294+
);
3295+
--db-burgundy-bg-inverted-contrast-max-pressed: light-dark(
3296+
var(--db-burgundy-2),
3297+
var(--db-burgundy-11)
3298+
);
3299+
--db-burgundy-bg-inverted-contrast-high-default: light-dark(
3300+
var(--db-burgundy-6),
3301+
var(--db-burgundy-9)
3302+
);
3303+
--db-burgundy-bg-inverted-contrast-high-hovered: light-dark(
3304+
var(--db-burgundy-2),
3305+
var(--db-burgundy-12)
3306+
);
3307+
--db-burgundy-bg-inverted-contrast-high-pressed: light-dark(
3308+
var(--db-burgundy-5),
3309+
var(--db-burgundy-10)
3310+
);
3311+
--db-burgundy-bg-inverted-contrast-low-default: light-dark(
3312+
var(--db-burgundy-7),
3313+
var(--db-burgundy-8)
3314+
);
3315+
--db-burgundy-bg-inverted-contrast-low-hovered: light-dark(
3316+
var(--db-burgundy-3),
3317+
var(--db-burgundy-12)
3318+
);
3319+
--db-burgundy-bg-inverted-contrast-low-pressed: light-dark(
3320+
var(--db-burgundy-6),
3321+
var(--db-burgundy-9)
3322+
);
3323+
--db-burgundy-bg-vibrant-default: light-dark(
3324+
var(--db-burgundy-9),
3325+
var(--db-burgundy-9)
3326+
);
3327+
--db-burgundy-bg-vibrant-hovered: light-dark(
3328+
var(--db-burgundy-12),
3329+
var(--db-burgundy-12)
3330+
);
3331+
--db-burgundy-bg-vibrant-pressed: light-dark(
3332+
var(--db-burgundy-10),
3333+
var(--db-burgundy-10)
3334+
);
29433335
}
29443336
}

0 commit comments

Comments
 (0)