@db-ux/core-foundations 4.5.4 → 4.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +16 -69
  3. package/agent/_instructions.md +84 -0
  4. package/agent/tailwind/Variables.md +11 -9
  5. package/build/styles/bundle.css +4820 -0
  6. package/build/styles/{index.scss → bundle.scss} +5 -0
  7. package/build/styles/colors/_default-color-mappings.scss +3461 -3472
  8. package/build/styles/colors/_placeholder.scss +155 -159
  9. package/build/styles/colors/classes/all.css +2499 -2601
  10. package/build/styles/colors/classes/blue.css +147 -185
  11. package/build/styles/colors/classes/brand.css +147 -185
  12. package/build/styles/colors/classes/burgundy.css +147 -185
  13. package/build/styles/colors/classes/critical.css +147 -185
  14. package/build/styles/colors/classes/cyan.css +147 -185
  15. package/build/styles/colors/classes/green.css +147 -185
  16. package/build/styles/colors/classes/informational.css +147 -185
  17. package/build/styles/colors/classes/light-green.css +147 -185
  18. package/build/styles/colors/classes/neutral.css +147 -185
  19. package/build/styles/colors/classes/orange.css +147 -185
  20. package/build/styles/colors/classes/pink.css +147 -185
  21. package/build/styles/colors/classes/red.css +147 -185
  22. package/build/styles/colors/classes/successful.css +147 -185
  23. package/build/styles/colors/classes/turquoise.css +147 -185
  24. package/build/styles/colors/classes/violet.css +147 -185
  25. package/build/styles/colors/classes/warning.css +147 -185
  26. package/build/styles/colors/classes/yellow.css +147 -185
  27. package/build/styles/defaults/default-code.css +97 -97
  28. package/build/styles/defaults/default-container-properties.css +1 -0
  29. package/build/styles/defaults/default-container-variables.css +1 -0
  30. package/build/styles/defaults/default-elevation.css +1 -1
  31. package/build/styles/defaults/default-fonts.css +1 -1
  32. package/build/styles/defaults/default-icons.css +1 -1
  33. package/build/styles/defaults/default-properties.css +1 -0
  34. package/build/styles/defaults/default-required.css +1 -1
  35. package/build/styles/defaults/default-required.scss +13 -16
  36. package/build/styles/defaults/default-root.css +97 -97
  37. package/build/styles/defaults/default-variables.css +1 -0
  38. package/build/styles/density/_scaling-placeholder.scss +51 -54
  39. package/build/styles/density/_typography-placeholder.scss +54 -60
  40. package/build/styles/density/classes/all.css +759 -907
  41. package/build/styles/density/classes/expressive.css +255 -377
  42. package/build/styles/density/classes/functional.css +255 -377
  43. package/build/styles/density/classes/regular.css +255 -377
  44. package/build/styles/fonts/_font-sizes.scss +10 -16
  45. package/build/styles/fonts/absolute.scss +1 -1
  46. package/build/styles/fonts/classes/all.css +54 -214
  47. package/build/styles/fonts/classes/body/2xl.css +3 -95
  48. package/build/styles/fonts/classes/body/2xs.css +3 -95
  49. package/build/styles/fonts/classes/body/3xl.css +3 -95
  50. package/build/styles/fonts/classes/body/3xs.css +3 -95
  51. package/build/styles/fonts/classes/body/all.css +27 -151
  52. package/build/styles/fonts/classes/body/lg.css +3 -95
  53. package/build/styles/fonts/classes/body/md.css +3 -95
  54. package/build/styles/fonts/classes/body/sm.css +3 -95
  55. package/build/styles/fonts/classes/body/xl.css +3 -95
  56. package/build/styles/fonts/classes/body/xs.css +3 -95
  57. package/build/styles/fonts/classes/headline/2xl.css +3 -95
  58. package/build/styles/fonts/classes/headline/2xs.css +3 -95
  59. package/build/styles/fonts/classes/headline/3xl.css +3 -95
  60. package/build/styles/fonts/classes/headline/3xs.css +3 -95
  61. package/build/styles/fonts/classes/headline/all.css +27 -151
  62. package/build/styles/fonts/classes/headline/lg.css +3 -95
  63. package/build/styles/fonts/classes/headline/md.css +3 -95
  64. package/build/styles/fonts/classes/headline/sm.css +3 -95
  65. package/build/styles/fonts/classes/headline/xl.css +3 -95
  66. package/build/styles/fonts/classes/headline/xs.css +3 -95
  67. package/build/styles/fonts/relative.scss +1 -1
  68. package/build/styles/fonts/rollup.scss +1 -1
  69. package/build/styles/fonts/webpack.scss +1 -1
  70. package/build/styles/helpers/_index.scss +0 -1
  71. package/build/styles/helpers/classes/all.css +0 -34
  72. package/build/styles/helpers/classes/divider.css +0 -34
  73. package/build/styles/helpers/classes/focus.css +0 -34
  74. package/build/styles/icons/absolute.css +1 -1
  75. package/build/styles/icons/absolute.scss +1 -1
  76. package/build/styles/icons/relative.css +1 -1
  77. package/build/styles/icons/relative.scss +1 -1
  78. package/build/styles/icons/rollup.css +1 -1
  79. package/build/styles/icons/rollup.scss +1 -1
  80. package/build/styles/icons/webpack.css +1 -1
  81. package/build/styles/icons/webpack.scss +1 -1
  82. package/build/styles/theme/absolute.css +1 -0
  83. package/build/styles/theme/relative.css +1 -0
  84. package/build/styles/{defaults/default-theme.scss → theme/relative.scss} +3 -6
  85. package/build/styles/theme/rollup.css +1 -0
  86. package/build/styles/theme/webpack.css +1 -0
  87. package/build/tailwind/theme/colors.css +1 -2953
  88. package/build/tailwind/theme/colors.scss +1 -10
  89. package/build/tailwind/theme/dimensions.css +77 -160
  90. package/package.json +4 -4
  91. package/build/styles/absolute.css +0 -10635
  92. package/build/styles/defaults/default-theme.css +0 -97
  93. package/build/styles/helpers/_layer.scss +0 -1
  94. package/build/styles/index.css +0 -4907
  95. package/build/styles/relative.css +0 -10635
  96. package/build/styles/relative.scss +0 -4
  97. package/build/styles/rollup.css +0 -10635
  98. package/build/styles/webpack.css +0 -10635
  99. package/build/tailwind/theme/_variables.scss +0 -77
  100. package/build/tailwind/theme/dimensions.scss +0 -17
  101. /package/build/styles/defaults/{_default-container-properties.scss → default-container-properties.scss} +0 -0
  102. /package/build/styles/defaults/{_default-container-variables.scss → default-container-variables.scss} +0 -0
  103. /package/build/styles/defaults/{_default-properties.scss → default-properties.scss} +0 -0
  104. /package/build/styles/defaults/{_default-variables.scss → default-variables.scss} +0 -0
  105. /package/build/styles/{_absolute.assets-paths.scss → theme/_absolute.assets-paths.scss} +0 -0
  106. /package/build/styles/{_default.assets-paths.scss → theme/_default.assets-paths.scss} +0 -0
  107. /package/build/styles/{_rollup.assets-paths.scss → theme/_rollup.assets-paths.scss} +0 -0
  108. /package/build/styles/{_webpack.assets-paths.scss → theme/_webpack.assets-paths.scss} +0 -0
  109. /package/build/styles/{absolute.scss → theme/absolute.scss} +0 -0
  110. /package/build/styles/{rollup.scss → theme/rollup.scss} +0 -0
  111. /package/build/styles/{webpack.scss → theme/webpack.scss} +0 -0
package/build/tailwind/theme/colors.css CHANGED
@@ -1,39 +1,5 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
- @layer variables {}
3
-
4
- @layer variables {}
5
-
6
- @layer variables {}
7
-
8
- @layer variables {}
9
-
10
- @layer variables {}
11
-
12
- @layer variables {}
13
-
14
- @layer variables {}
15
-
16
- @layer variables {}
17
-
18
- @layer variables {}
19
-
20
- @layer variables {}
21
-
22
- @layer variables {}
23
-
24
- @layer variables {}
25
-
26
- @layer variables {}
27
-
28
- @layer variables {}
29
-
30
- @layer variables {}
31
-
32
- @layer variables {}
33
-
34
- @layer variables {}
35
-
36
- @theme {
2
+ @theme inline {
37
3
  /* Basic-Level */
38
4
  --color-neutral-bg-basic-level-1-default: var(
39
5
  --db-neutral-bg-basic-level-1-default
@@ -2897,2921 +2863,3 @@
2897
2863
  --db-adaptive-origin-pressed
2898
2864
  );
2899
2865
  }
2900
- @layer colors {
2901
- [data-color=neutral],
2902
- .db-color-neutral {
2903
- /* Basic-Level */
2904
- --color-adaptive-bg-basic-level-1-default: var(
2905
- --db-neutral-bg-basic-level-1-default
2906
- );
2907
- --color-adaptive-bg-basic-level-1-hovered: var(
2908
- --db-neutral-bg-basic-level-1-hovered
2909
- );
2910
- --color-adaptive-bg-basic-level-1-pressed: var(
2911
- --db-neutral-bg-basic-level-1-pressed
2912
- );
2913
- --color-adaptive-bg-basic-level-2-default: var(
2914
- --db-neutral-bg-basic-level-2-default
2915
- );
2916
- --color-adaptive-bg-basic-level-2-hovered: var(
2917
- --db-neutral-bg-basic-level-2-hovered
2918
- );
2919
- --color-adaptive-bg-basic-level-2-pressed: var(
2920
- --db-neutral-bg-basic-level-2-pressed
2921
- );
2922
- --color-adaptive-bg-basic-level-3-default: var(
2923
- --db-neutral-bg-basic-level-3-default
2924
- );
2925
- --color-adaptive-bg-basic-level-3-hovered: var(
2926
- --db-neutral-bg-basic-level-3-hovered
2927
- );
2928
- --color-adaptive-bg-basic-level-3-pressed: var(
2929
- --db-neutral-bg-basic-level-3-pressed
2930
- );
2931
- /* Transparent */
2932
- --color-adaptive-bg-basic-transparent-full-default: var(
2933
- --db-neutral-bg-basic-transparent-full-default
2934
- );
2935
- --color-adaptive-bg-basic-transparent-semi-default: var(
2936
- --db-neutral-bg-basic-transparent-semi-default
2937
- );
2938
- --color-adaptive-bg-basic-transparent-full-hovered: var(
2939
- --db-neutral-bg-basic-transparent-full-hovered
2940
- );
2941
- --color-adaptive-bg-basic-transparent-full-pressed: var(
2942
- --db-neutral-bg-basic-transparent-full-pressed
2943
- );
2944
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
2945
- --db-neutral-bg-basic-transparent-semi-hovered
2946
- );
2947
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
2948
- --db-neutral-bg-basic-transparent-semi-pressed
2949
- );
2950
- /* Inverted */
2951
- --color-adaptive-bg-inverted-contrast-max-default: var(
2952
- --db-neutral-bg-inverted-contrast-max-default
2953
- );
2954
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
2955
- --db-neutral-bg-inverted-contrast-max-hovered
2956
- );
2957
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
2958
- --db-neutral-bg-inverted-contrast-max-pressed
2959
- );
2960
- --color-adaptive-bg-inverted-contrast-high-default: var(
2961
- --db-neutral-bg-inverted-contrast-high-default
2962
- );
2963
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
2964
- --db-neutral-bg-inverted-contrast-high-hovered
2965
- );
2966
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
2967
- --db-neutral-bg-inverted-contrast-high-pressed
2968
- );
2969
- --color-adaptive-bg-inverted-contrast-low-default: var(
2970
- --db-neutral-bg-inverted-contrast-low-default
2971
- );
2972
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
2973
- --db-neutral-bg-inverted-contrast-low-hovered
2974
- );
2975
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
2976
- --db-neutral-bg-inverted-contrast-low-pressed
2977
- );
2978
- /* On Colors */
2979
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
2980
- --db-neutral-on-bg-basic-emphasis-100-default
2981
- );
2982
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
2983
- --db-neutral-on-bg-basic-emphasis-100-hovered
2984
- );
2985
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
2986
- --db-neutral-on-bg-basic-emphasis-100-pressed
2987
- );
2988
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
2989
- --db-neutral-on-bg-basic-emphasis-90-default
2990
- );
2991
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
2992
- --db-neutral-on-bg-basic-emphasis-90-hovered
2993
- );
2994
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
2995
- --db-neutral-on-bg-basic-emphasis-90-pressed
2996
- );
2997
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
2998
- --db-neutral-on-bg-basic-emphasis-80-default
2999
- );
3000
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
3001
- --db-neutral-on-bg-basic-emphasis-80-hovered
3002
- );
3003
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
3004
- --db-neutral-on-bg-basic-emphasis-80-pressed
3005
- );
3006
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
3007
- --db-neutral-on-bg-basic-emphasis-70-default
3008
- );
3009
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
3010
- --db-neutral-on-bg-basic-emphasis-70-hovered
3011
- );
3012
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
3013
- --db-neutral-on-bg-basic-emphasis-70-pressed
3014
- );
3015
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
3016
- --db-neutral-on-bg-basic-emphasis-60-default
3017
- );
3018
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
3019
- --db-neutral-on-bg-basic-emphasis-60-hovered
3020
- );
3021
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
3022
- --db-neutral-on-bg-basic-emphasis-60-pressed
3023
- );
3024
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
3025
- --db-neutral-on-bg-basic-emphasis-50-default
3026
- );
3027
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
3028
- --db-neutral-on-bg-basic-emphasis-50-hovered
3029
- );
3030
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
3031
- --db-neutral-on-bg-basic-emphasis-50-pressed
3032
- );
3033
- /* On Inverted */
3034
- --color-adaptive-on-bg-inverted-default: var(
3035
- --db-neutral-on-bg-inverted-default
3036
- );
3037
- --color-adaptive-on-bg-inverted-hovered: var(
3038
- --db-neutral-on-bg-inverted-hovered
3039
- );
3040
- --color-adaptive-on-bg-inverted-pressed: var(
3041
- --db-neutral-on-bg-inverted-pressed
3042
- );
3043
- /* On Origin */
3044
- --color-adaptive-on-origin-default: var(
3045
- --db-neutral-on-origin-default
3046
- );
3047
- --color-adaptive-on-origin-hovered: var(
3048
- --db-neutral-on-origin-hovered
3049
- );
3050
- --color-adaptive-on-origin-pressed: var(
3051
- --db-neutral-on-origin-pressed
3052
- );
3053
- --color-adaptive-origin-default: var(
3054
- --db-neutral-origin-default
3055
- );
3056
- --color-adaptive-origin-hovered: var(
3057
- --db-neutral-origin-hovered
3058
- );
3059
- --color-adaptive-origin-pressed: var(
3060
- --db-neutral-origin-pressed
3061
- );
3062
- }
3063
- [data-color=brand],
3064
- .db-color-brand {
3065
- /* Basic-Level */
3066
- --color-adaptive-bg-basic-level-1-default: var(
3067
- --db-brand-bg-basic-level-1-default
3068
- );
3069
- --color-adaptive-bg-basic-level-1-hovered: var(
3070
- --db-brand-bg-basic-level-1-hovered
3071
- );
3072
- --color-adaptive-bg-basic-level-1-pressed: var(
3073
- --db-brand-bg-basic-level-1-pressed
3074
- );
3075
- --color-adaptive-bg-basic-level-2-default: var(
3076
- --db-brand-bg-basic-level-2-default
3077
- );
3078
- --color-adaptive-bg-basic-level-2-hovered: var(
3079
- --db-brand-bg-basic-level-2-hovered
3080
- );
3081
- --color-adaptive-bg-basic-level-2-pressed: var(
3082
- --db-brand-bg-basic-level-2-pressed
3083
- );
3084
- --color-adaptive-bg-basic-level-3-default: var(
3085
- --db-brand-bg-basic-level-3-default
3086
- );
3087
- --color-adaptive-bg-basic-level-3-hovered: var(
3088
- --db-brand-bg-basic-level-3-hovered
3089
- );
3090
- --color-adaptive-bg-basic-level-3-pressed: var(
3091
- --db-brand-bg-basic-level-3-pressed
3092
- );
3093
- /* Transparent */
3094
- --color-adaptive-bg-basic-transparent-full-default: var(
3095
- --db-brand-bg-basic-transparent-full-default
3096
- );
3097
- --color-adaptive-bg-basic-transparent-semi-default: var(
3098
- --db-brand-bg-basic-transparent-semi-default
3099
- );
3100
- --color-adaptive-bg-basic-transparent-full-hovered: var(
3101
- --db-brand-bg-basic-transparent-full-hovered
3102
- );
3103
- --color-adaptive-bg-basic-transparent-full-pressed: var(
3104
- --db-brand-bg-basic-transparent-full-pressed
3105
- );
3106
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
3107
- --db-brand-bg-basic-transparent-semi-hovered
3108
- );
3109
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
3110
- --db-brand-bg-basic-transparent-semi-pressed
3111
- );
3112
- /* Inverted */
3113
- --color-adaptive-bg-inverted-contrast-max-default: var(
3114
- --db-brand-bg-inverted-contrast-max-default
3115
- );
3116
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
3117
- --db-brand-bg-inverted-contrast-max-hovered
3118
- );
3119
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
3120
- --db-brand-bg-inverted-contrast-max-pressed
3121
- );
3122
- --color-adaptive-bg-inverted-contrast-high-default: var(
3123
- --db-brand-bg-inverted-contrast-high-default
3124
- );
3125
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
3126
- --db-brand-bg-inverted-contrast-high-hovered
3127
- );
3128
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
3129
- --db-brand-bg-inverted-contrast-high-pressed
3130
- );
3131
- --color-adaptive-bg-inverted-contrast-low-default: var(
3132
- --db-brand-bg-inverted-contrast-low-default
3133
- );
3134
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
3135
- --db-brand-bg-inverted-contrast-low-hovered
3136
- );
3137
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
3138
- --db-brand-bg-inverted-contrast-low-pressed
3139
- );
3140
- /* On Colors */
3141
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
3142
- --db-brand-on-bg-basic-emphasis-100-default
3143
- );
3144
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
3145
- --db-brand-on-bg-basic-emphasis-100-hovered
3146
- );
3147
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
3148
- --db-brand-on-bg-basic-emphasis-100-pressed
3149
- );
3150
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
3151
- --db-brand-on-bg-basic-emphasis-90-default
3152
- );
3153
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
3154
- --db-brand-on-bg-basic-emphasis-90-hovered
3155
- );
3156
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
3157
- --db-brand-on-bg-basic-emphasis-90-pressed
3158
- );
3159
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
3160
- --db-brand-on-bg-basic-emphasis-80-default
3161
- );
3162
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
3163
- --db-brand-on-bg-basic-emphasis-80-hovered
3164
- );
3165
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
3166
- --db-brand-on-bg-basic-emphasis-80-pressed
3167
- );
3168
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
3169
- --db-brand-on-bg-basic-emphasis-70-default
3170
- );
3171
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
3172
- --db-brand-on-bg-basic-emphasis-70-hovered
3173
- );
3174
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
3175
- --db-brand-on-bg-basic-emphasis-70-pressed
3176
- );
3177
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
3178
- --db-brand-on-bg-basic-emphasis-60-default
3179
- );
3180
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
3181
- --db-brand-on-bg-basic-emphasis-60-hovered
3182
- );
3183
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
3184
- --db-brand-on-bg-basic-emphasis-60-pressed
3185
- );
3186
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
3187
- --db-brand-on-bg-basic-emphasis-50-default
3188
- );
3189
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
3190
- --db-brand-on-bg-basic-emphasis-50-hovered
3191
- );
3192
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
3193
- --db-brand-on-bg-basic-emphasis-50-pressed
3194
- );
3195
- /* On Inverted */
3196
- --color-adaptive-on-bg-inverted-default: var(
3197
- --db-brand-on-bg-inverted-default
3198
- );
3199
- --color-adaptive-on-bg-inverted-hovered: var(
3200
- --db-brand-on-bg-inverted-hovered
3201
- );
3202
- --color-adaptive-on-bg-inverted-pressed: var(
3203
- --db-brand-on-bg-inverted-pressed
3204
- );
3205
- /* On Origin */
3206
- --color-adaptive-on-origin-default: var(
3207
- --db-brand-on-origin-default
3208
- );
3209
- --color-adaptive-on-origin-hovered: var(
3210
- --db-brand-on-origin-hovered
3211
- );
3212
- --color-adaptive-on-origin-pressed: var(
3213
- --db-brand-on-origin-pressed
3214
- );
3215
- --color-adaptive-origin-default: var(
3216
- --db-brand-origin-default
3217
- );
3218
- --color-adaptive-origin-hovered: var(
3219
- --db-brand-origin-hovered
3220
- );
3221
- --color-adaptive-origin-pressed: var(
3222
- --db-brand-origin-pressed
3223
- );
3224
- }
3225
- [data-color=critical],
3226
- .db-color-critical {
3227
- /* Basic-Level */
3228
- --color-adaptive-bg-basic-level-1-default: var(
3229
- --db-critical-bg-basic-level-1-default
3230
- );
3231
- --color-adaptive-bg-basic-level-1-hovered: var(
3232
- --db-critical-bg-basic-level-1-hovered
3233
- );
3234
- --color-adaptive-bg-basic-level-1-pressed: var(
3235
- --db-critical-bg-basic-level-1-pressed
3236
- );
3237
- --color-adaptive-bg-basic-level-2-default: var(
3238
- --db-critical-bg-basic-level-2-default
3239
- );
3240
- --color-adaptive-bg-basic-level-2-hovered: var(
3241
- --db-critical-bg-basic-level-2-hovered
3242
- );
3243
- --color-adaptive-bg-basic-level-2-pressed: var(
3244
- --db-critical-bg-basic-level-2-pressed
3245
- );
3246
- --color-adaptive-bg-basic-level-3-default: var(
3247
- --db-critical-bg-basic-level-3-default
3248
- );
3249
- --color-adaptive-bg-basic-level-3-hovered: var(
3250
- --db-critical-bg-basic-level-3-hovered
3251
- );
3252
- --color-adaptive-bg-basic-level-3-pressed: var(
3253
- --db-critical-bg-basic-level-3-pressed
3254
- );
3255
- /* Transparent */
3256
- --color-adaptive-bg-basic-transparent-full-default: var(
3257
- --db-critical-bg-basic-transparent-full-default
3258
- );
3259
- --color-adaptive-bg-basic-transparent-semi-default: var(
3260
- --db-critical-bg-basic-transparent-semi-default
3261
- );
3262
- --color-adaptive-bg-basic-transparent-full-hovered: var(
3263
- --db-critical-bg-basic-transparent-full-hovered
3264
- );
3265
- --color-adaptive-bg-basic-transparent-full-pressed: var(
3266
- --db-critical-bg-basic-transparent-full-pressed
3267
- );
3268
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
3269
- --db-critical-bg-basic-transparent-semi-hovered
3270
- );
3271
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
3272
- --db-critical-bg-basic-transparent-semi-pressed
3273
- );
3274
- /* Inverted */
3275
- --color-adaptive-bg-inverted-contrast-max-default: var(
3276
- --db-critical-bg-inverted-contrast-max-default
3277
- );
3278
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
3279
- --db-critical-bg-inverted-contrast-max-hovered
3280
- );
3281
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
3282
- --db-critical-bg-inverted-contrast-max-pressed
3283
- );
3284
- --color-adaptive-bg-inverted-contrast-high-default: var(
3285
- --db-critical-bg-inverted-contrast-high-default
3286
- );
3287
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
3288
- --db-critical-bg-inverted-contrast-high-hovered
3289
- );
3290
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
3291
- --db-critical-bg-inverted-contrast-high-pressed
3292
- );
3293
- --color-adaptive-bg-inverted-contrast-low-default: var(
3294
- --db-critical-bg-inverted-contrast-low-default
3295
- );
3296
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
3297
- --db-critical-bg-inverted-contrast-low-hovered
3298
- );
3299
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
3300
- --db-critical-bg-inverted-contrast-low-pressed
3301
- );
3302
- /* On Colors */
3303
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
3304
- --db-critical-on-bg-basic-emphasis-100-default
3305
- );
3306
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
3307
- --db-critical-on-bg-basic-emphasis-100-hovered
3308
- );
3309
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
3310
- --db-critical-on-bg-basic-emphasis-100-pressed
3311
- );
3312
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
3313
- --db-critical-on-bg-basic-emphasis-90-default
3314
- );
3315
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
3316
- --db-critical-on-bg-basic-emphasis-90-hovered
3317
- );
3318
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
3319
- --db-critical-on-bg-basic-emphasis-90-pressed
3320
- );
3321
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
3322
- --db-critical-on-bg-basic-emphasis-80-default
3323
- );
3324
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
3325
- --db-critical-on-bg-basic-emphasis-80-hovered
3326
- );
3327
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
3328
- --db-critical-on-bg-basic-emphasis-80-pressed
3329
- );
3330
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
3331
- --db-critical-on-bg-basic-emphasis-70-default
3332
- );
3333
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
3334
- --db-critical-on-bg-basic-emphasis-70-hovered
3335
- );
3336
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
3337
- --db-critical-on-bg-basic-emphasis-70-pressed
3338
- );
3339
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
3340
- --db-critical-on-bg-basic-emphasis-60-default
3341
- );
3342
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
3343
- --db-critical-on-bg-basic-emphasis-60-hovered
3344
- );
3345
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
3346
- --db-critical-on-bg-basic-emphasis-60-pressed
3347
- );
3348
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
3349
- --db-critical-on-bg-basic-emphasis-50-default
3350
- );
3351
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
3352
- --db-critical-on-bg-basic-emphasis-50-hovered
3353
- );
3354
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
3355
- --db-critical-on-bg-basic-emphasis-50-pressed
3356
- );
3357
- /* On Inverted */
3358
- --color-adaptive-on-bg-inverted-default: var(
3359
- --db-critical-on-bg-inverted-default
3360
- );
3361
- --color-adaptive-on-bg-inverted-hovered: var(
3362
- --db-critical-on-bg-inverted-hovered
3363
- );
3364
- --color-adaptive-on-bg-inverted-pressed: var(
3365
- --db-critical-on-bg-inverted-pressed
3366
- );
3367
- /* On Origin */
3368
- --color-adaptive-on-origin-default: var(
3369
- --db-critical-on-origin-default
3370
- );
3371
- --color-adaptive-on-origin-hovered: var(
3372
- --db-critical-on-origin-hovered
3373
- );
3374
- --color-adaptive-on-origin-pressed: var(
3375
- --db-critical-on-origin-pressed
3376
- );
3377
- --color-adaptive-origin-default: var(
3378
- --db-critical-origin-default
3379
- );
3380
- --color-adaptive-origin-hovered: var(
3381
- --db-critical-origin-hovered
3382
- );
3383
- --color-adaptive-origin-pressed: var(
3384
- --db-critical-origin-pressed
3385
- );
3386
- }
3387
- [data-color=successful],
3388
- .db-color-successful {
3389
- /* Basic-Level */
3390
- --color-adaptive-bg-basic-level-1-default: var(
3391
- --db-successful-bg-basic-level-1-default
3392
- );
3393
- --color-adaptive-bg-basic-level-1-hovered: var(
3394
- --db-successful-bg-basic-level-1-hovered
3395
- );
3396
- --color-adaptive-bg-basic-level-1-pressed: var(
3397
- --db-successful-bg-basic-level-1-pressed
3398
- );
3399
- --color-adaptive-bg-basic-level-2-default: var(
3400
- --db-successful-bg-basic-level-2-default
3401
- );
3402
- --color-adaptive-bg-basic-level-2-hovered: var(
3403
- --db-successful-bg-basic-level-2-hovered
3404
- );
3405
- --color-adaptive-bg-basic-level-2-pressed: var(
3406
- --db-successful-bg-basic-level-2-pressed
3407
- );
3408
- --color-adaptive-bg-basic-level-3-default: var(
3409
- --db-successful-bg-basic-level-3-default
3410
- );
3411
- --color-adaptive-bg-basic-level-3-hovered: var(
3412
- --db-successful-bg-basic-level-3-hovered
3413
- );
3414
- --color-adaptive-bg-basic-level-3-pressed: var(
3415
- --db-successful-bg-basic-level-3-pressed
3416
- );
3417
- /* Transparent */
3418
- --color-adaptive-bg-basic-transparent-full-default: var(
3419
- --db-successful-bg-basic-transparent-full-default
3420
- );
3421
- --color-adaptive-bg-basic-transparent-semi-default: var(
3422
- --db-successful-bg-basic-transparent-semi-default
3423
- );
3424
- --color-adaptive-bg-basic-transparent-full-hovered: var(
3425
- --db-successful-bg-basic-transparent-full-hovered
3426
- );
3427
- --color-adaptive-bg-basic-transparent-full-pressed: var(
3428
- --db-successful-bg-basic-transparent-full-pressed
3429
- );
3430
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
3431
- --db-successful-bg-basic-transparent-semi-hovered
3432
- );
3433
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
3434
- --db-successful-bg-basic-transparent-semi-pressed
3435
- );
3436
- /* Inverted */
3437
- --color-adaptive-bg-inverted-contrast-max-default: var(
3438
- --db-successful-bg-inverted-contrast-max-default
3439
- );
3440
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
3441
- --db-successful-bg-inverted-contrast-max-hovered
3442
- );
3443
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
3444
- --db-successful-bg-inverted-contrast-max-pressed
3445
- );
3446
- --color-adaptive-bg-inverted-contrast-high-default: var(
3447
- --db-successful-bg-inverted-contrast-high-default
3448
- );
3449
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
3450
- --db-successful-bg-inverted-contrast-high-hovered
3451
- );
3452
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
3453
- --db-successful-bg-inverted-contrast-high-pressed
3454
- );
3455
- --color-adaptive-bg-inverted-contrast-low-default: var(
3456
- --db-successful-bg-inverted-contrast-low-default
3457
- );
3458
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
3459
- --db-successful-bg-inverted-contrast-low-hovered
3460
- );
3461
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
3462
- --db-successful-bg-inverted-contrast-low-pressed
3463
- );
3464
- /* On Colors */
3465
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
3466
- --db-successful-on-bg-basic-emphasis-100-default
3467
- );
3468
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
3469
- --db-successful-on-bg-basic-emphasis-100-hovered
3470
- );
3471
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
3472
- --db-successful-on-bg-basic-emphasis-100-pressed
3473
- );
3474
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
3475
- --db-successful-on-bg-basic-emphasis-90-default
3476
- );
3477
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
3478
- --db-successful-on-bg-basic-emphasis-90-hovered
3479
- );
3480
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
3481
- --db-successful-on-bg-basic-emphasis-90-pressed
3482
- );
3483
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
3484
- --db-successful-on-bg-basic-emphasis-80-default
3485
- );
3486
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
3487
- --db-successful-on-bg-basic-emphasis-80-hovered
3488
- );
3489
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
3490
- --db-successful-on-bg-basic-emphasis-80-pressed
3491
- );
3492
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
3493
- --db-successful-on-bg-basic-emphasis-70-default
3494
- );
3495
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
3496
- --db-successful-on-bg-basic-emphasis-70-hovered
3497
- );
3498
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
3499
- --db-successful-on-bg-basic-emphasis-70-pressed
3500
- );
3501
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
3502
- --db-successful-on-bg-basic-emphasis-60-default
3503
- );
3504
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
3505
- --db-successful-on-bg-basic-emphasis-60-hovered
3506
- );
3507
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
3508
- --db-successful-on-bg-basic-emphasis-60-pressed
3509
- );
3510
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
3511
- --db-successful-on-bg-basic-emphasis-50-default
3512
- );
3513
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
3514
- --db-successful-on-bg-basic-emphasis-50-hovered
3515
- );
3516
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
3517
- --db-successful-on-bg-basic-emphasis-50-pressed
3518
- );
3519
- /* On Inverted */
3520
- --color-adaptive-on-bg-inverted-default: var(
3521
- --db-successful-on-bg-inverted-default
3522
- );
3523
- --color-adaptive-on-bg-inverted-hovered: var(
3524
- --db-successful-on-bg-inverted-hovered
3525
- );
3526
- --color-adaptive-on-bg-inverted-pressed: var(
3527
- --db-successful-on-bg-inverted-pressed
3528
- );
3529
- /* On Origin */
3530
- --color-adaptive-on-origin-default: var(
3531
- --db-successful-on-origin-default
3532
- );
3533
- --color-adaptive-on-origin-hovered: var(
3534
- --db-successful-on-origin-hovered
3535
- );
3536
- --color-adaptive-on-origin-pressed: var(
3537
- --db-successful-on-origin-pressed
3538
- );
3539
- --color-adaptive-origin-default: var(
3540
- --db-successful-origin-default
3541
- );
3542
- --color-adaptive-origin-hovered: var(
3543
- --db-successful-origin-hovered
3544
- );
3545
- --color-adaptive-origin-pressed: var(
3546
- --db-successful-origin-pressed
3547
- );
3548
- }
3549
- [data-color=warning],
3550
- .db-color-warning {
3551
- /* Basic-Level */
3552
- --color-adaptive-bg-basic-level-1-default: var(
3553
- --db-warning-bg-basic-level-1-default
3554
- );
3555
- --color-adaptive-bg-basic-level-1-hovered: var(
3556
- --db-warning-bg-basic-level-1-hovered
3557
- );
3558
- --color-adaptive-bg-basic-level-1-pressed: var(
3559
- --db-warning-bg-basic-level-1-pressed
3560
- );
3561
- --color-adaptive-bg-basic-level-2-default: var(
3562
- --db-warning-bg-basic-level-2-default
3563
- );
3564
- --color-adaptive-bg-basic-level-2-hovered: var(
3565
- --db-warning-bg-basic-level-2-hovered
3566
- );
3567
- --color-adaptive-bg-basic-level-2-pressed: var(
3568
- --db-warning-bg-basic-level-2-pressed
3569
- );
3570
- --color-adaptive-bg-basic-level-3-default: var(
3571
- --db-warning-bg-basic-level-3-default
3572
- );
3573
- --color-adaptive-bg-basic-level-3-hovered: var(
3574
- --db-warning-bg-basic-level-3-hovered
3575
- );
3576
- --color-adaptive-bg-basic-level-3-pressed: var(
3577
- --db-warning-bg-basic-level-3-pressed
3578
- );
3579
- /* Transparent */
3580
- --color-adaptive-bg-basic-transparent-full-default: var(
3581
- --db-warning-bg-basic-transparent-full-default
3582
- );
3583
- --color-adaptive-bg-basic-transparent-semi-default: var(
3584
- --db-warning-bg-basic-transparent-semi-default
3585
- );
3586
- --color-adaptive-bg-basic-transparent-full-hovered: var(
3587
- --db-warning-bg-basic-transparent-full-hovered
3588
- );
3589
- --color-adaptive-bg-basic-transparent-full-pressed: var(
3590
- --db-warning-bg-basic-transparent-full-pressed
3591
- );
3592
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
3593
- --db-warning-bg-basic-transparent-semi-hovered
3594
- );
3595
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
3596
- --db-warning-bg-basic-transparent-semi-pressed
3597
- );
3598
- /* Inverted */
3599
- --color-adaptive-bg-inverted-contrast-max-default: var(
3600
- --db-warning-bg-inverted-contrast-max-default
3601
- );
3602
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
3603
- --db-warning-bg-inverted-contrast-max-hovered
3604
- );
3605
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
3606
- --db-warning-bg-inverted-contrast-max-pressed
3607
- );
3608
- --color-adaptive-bg-inverted-contrast-high-default: var(
3609
- --db-warning-bg-inverted-contrast-high-default
3610
- );
3611
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
3612
- --db-warning-bg-inverted-contrast-high-hovered
3613
- );
3614
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
3615
- --db-warning-bg-inverted-contrast-high-pressed
3616
- );
3617
- --color-adaptive-bg-inverted-contrast-low-default: var(
3618
- --db-warning-bg-inverted-contrast-low-default
3619
- );
3620
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
3621
- --db-warning-bg-inverted-contrast-low-hovered
3622
- );
3623
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
3624
- --db-warning-bg-inverted-contrast-low-pressed
3625
- );
3626
- /* On Colors */
3627
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
3628
- --db-warning-on-bg-basic-emphasis-100-default
3629
- );
3630
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
3631
- --db-warning-on-bg-basic-emphasis-100-hovered
3632
- );
3633
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
3634
- --db-warning-on-bg-basic-emphasis-100-pressed
3635
- );
3636
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
3637
- --db-warning-on-bg-basic-emphasis-90-default
3638
- );
3639
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
3640
- --db-warning-on-bg-basic-emphasis-90-hovered
3641
- );
3642
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
3643
- --db-warning-on-bg-basic-emphasis-90-pressed
3644
- );
3645
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
3646
- --db-warning-on-bg-basic-emphasis-80-default
3647
- );
3648
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
3649
- --db-warning-on-bg-basic-emphasis-80-hovered
3650
- );
3651
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
3652
- --db-warning-on-bg-basic-emphasis-80-pressed
3653
- );
3654
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
3655
- --db-warning-on-bg-basic-emphasis-70-default
3656
- );
3657
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
3658
- --db-warning-on-bg-basic-emphasis-70-hovered
3659
- );
3660
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
3661
- --db-warning-on-bg-basic-emphasis-70-pressed
3662
- );
3663
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
3664
- --db-warning-on-bg-basic-emphasis-60-default
3665
- );
3666
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
3667
- --db-warning-on-bg-basic-emphasis-60-hovered
3668
- );
3669
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
3670
- --db-warning-on-bg-basic-emphasis-60-pressed
3671
- );
3672
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
3673
- --db-warning-on-bg-basic-emphasis-50-default
3674
- );
3675
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
3676
- --db-warning-on-bg-basic-emphasis-50-hovered
3677
- );
3678
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
3679
- --db-warning-on-bg-basic-emphasis-50-pressed
3680
- );
3681
- /* On Inverted */
3682
- --color-adaptive-on-bg-inverted-default: var(
3683
- --db-warning-on-bg-inverted-default
3684
- );
3685
- --color-adaptive-on-bg-inverted-hovered: var(
3686
- --db-warning-on-bg-inverted-hovered
3687
- );
3688
- --color-adaptive-on-bg-inverted-pressed: var(
3689
- --db-warning-on-bg-inverted-pressed
3690
- );
3691
- /* On Origin */
3692
- --color-adaptive-on-origin-default: var(
3693
- --db-warning-on-origin-default
3694
- );
3695
- --color-adaptive-on-origin-hovered: var(
3696
- --db-warning-on-origin-hovered
3697
- );
3698
- --color-adaptive-on-origin-pressed: var(
3699
- --db-warning-on-origin-pressed
3700
- );
3701
- --color-adaptive-origin-default: var(
3702
- --db-warning-origin-default
3703
- );
3704
- --color-adaptive-origin-hovered: var(
3705
- --db-warning-origin-hovered
3706
- );
3707
- --color-adaptive-origin-pressed: var(
3708
- --db-warning-origin-pressed
3709
- );
3710
- }
3711
- [data-color=informational],
3712
- .db-color-informational {
3713
- /* Basic-Level */
3714
- --color-adaptive-bg-basic-level-1-default: var(
3715
- --db-informational-bg-basic-level-1-default
3716
- );
3717
- --color-adaptive-bg-basic-level-1-hovered: var(
3718
- --db-informational-bg-basic-level-1-hovered
3719
- );
3720
- --color-adaptive-bg-basic-level-1-pressed: var(
3721
- --db-informational-bg-basic-level-1-pressed
3722
- );
3723
- --color-adaptive-bg-basic-level-2-default: var(
3724
- --db-informational-bg-basic-level-2-default
3725
- );
3726
- --color-adaptive-bg-basic-level-2-hovered: var(
3727
- --db-informational-bg-basic-level-2-hovered
3728
- );
3729
- --color-adaptive-bg-basic-level-2-pressed: var(
3730
- --db-informational-bg-basic-level-2-pressed
3731
- );
3732
- --color-adaptive-bg-basic-level-3-default: var(
3733
- --db-informational-bg-basic-level-3-default
3734
- );
3735
- --color-adaptive-bg-basic-level-3-hovered: var(
3736
- --db-informational-bg-basic-level-3-hovered
3737
- );
3738
- --color-adaptive-bg-basic-level-3-pressed: var(
3739
- --db-informational-bg-basic-level-3-pressed
3740
- );
3741
- /* Transparent */
3742
- --color-adaptive-bg-basic-transparent-full-default: var(
3743
- --db-informational-bg-basic-transparent-full-default
3744
- );
3745
- --color-adaptive-bg-basic-transparent-semi-default: var(
3746
- --db-informational-bg-basic-transparent-semi-default
3747
- );
3748
- --color-adaptive-bg-basic-transparent-full-hovered: var(
3749
- --db-informational-bg-basic-transparent-full-hovered
3750
- );
3751
- --color-adaptive-bg-basic-transparent-full-pressed: var(
3752
- --db-informational-bg-basic-transparent-full-pressed
3753
- );
3754
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
3755
- --db-informational-bg-basic-transparent-semi-hovered
3756
- );
3757
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
3758
- --db-informational-bg-basic-transparent-semi-pressed
3759
- );
3760
- /* Inverted */
3761
- --color-adaptive-bg-inverted-contrast-max-default: var(
3762
- --db-informational-bg-inverted-contrast-max-default
3763
- );
3764
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
3765
- --db-informational-bg-inverted-contrast-max-hovered
3766
- );
3767
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
3768
- --db-informational-bg-inverted-contrast-max-pressed
3769
- );
3770
- --color-adaptive-bg-inverted-contrast-high-default: var(
3771
- --db-informational-bg-inverted-contrast-high-default
3772
- );
3773
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
3774
- --db-informational-bg-inverted-contrast-high-hovered
3775
- );
3776
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
3777
- --db-informational-bg-inverted-contrast-high-pressed
3778
- );
3779
- --color-adaptive-bg-inverted-contrast-low-default: var(
3780
- --db-informational-bg-inverted-contrast-low-default
3781
- );
3782
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
3783
- --db-informational-bg-inverted-contrast-low-hovered
3784
- );
3785
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
3786
- --db-informational-bg-inverted-contrast-low-pressed
3787
- );
3788
- /* On Colors */
3789
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
3790
- --db-informational-on-bg-basic-emphasis-100-default
3791
- );
3792
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
3793
- --db-informational-on-bg-basic-emphasis-100-hovered
3794
- );
3795
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
3796
- --db-informational-on-bg-basic-emphasis-100-pressed
3797
- );
3798
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
3799
- --db-informational-on-bg-basic-emphasis-90-default
3800
- );
3801
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
3802
- --db-informational-on-bg-basic-emphasis-90-hovered
3803
- );
3804
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
3805
- --db-informational-on-bg-basic-emphasis-90-pressed
3806
- );
3807
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
3808
- --db-informational-on-bg-basic-emphasis-80-default
3809
- );
3810
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
3811
- --db-informational-on-bg-basic-emphasis-80-hovered
3812
- );
3813
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
3814
- --db-informational-on-bg-basic-emphasis-80-pressed
3815
- );
3816
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
3817
- --db-informational-on-bg-basic-emphasis-70-default
3818
- );
3819
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
3820
- --db-informational-on-bg-basic-emphasis-70-hovered
3821
- );
3822
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
3823
- --db-informational-on-bg-basic-emphasis-70-pressed
3824
- );
3825
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
3826
- --db-informational-on-bg-basic-emphasis-60-default
3827
- );
3828
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
3829
- --db-informational-on-bg-basic-emphasis-60-hovered
3830
- );
3831
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
3832
- --db-informational-on-bg-basic-emphasis-60-pressed
3833
- );
3834
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
3835
- --db-informational-on-bg-basic-emphasis-50-default
3836
- );
3837
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
3838
- --db-informational-on-bg-basic-emphasis-50-hovered
3839
- );
3840
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
3841
- --db-informational-on-bg-basic-emphasis-50-pressed
3842
- );
3843
- /* On Inverted */
3844
- --color-adaptive-on-bg-inverted-default: var(
3845
- --db-informational-on-bg-inverted-default
3846
- );
3847
- --color-adaptive-on-bg-inverted-hovered: var(
3848
- --db-informational-on-bg-inverted-hovered
3849
- );
3850
- --color-adaptive-on-bg-inverted-pressed: var(
3851
- --db-informational-on-bg-inverted-pressed
3852
- );
3853
- /* On Origin */
3854
- --color-adaptive-on-origin-default: var(
3855
- --db-informational-on-origin-default
3856
- );
3857
- --color-adaptive-on-origin-hovered: var(
3858
- --db-informational-on-origin-hovered
3859
- );
3860
- --color-adaptive-on-origin-pressed: var(
3861
- --db-informational-on-origin-pressed
3862
- );
3863
- --color-adaptive-origin-default: var(
3864
- --db-informational-origin-default
3865
- );
3866
- --color-adaptive-origin-hovered: var(
3867
- --db-informational-origin-hovered
3868
- );
3869
- --color-adaptive-origin-pressed: var(
3870
- --db-informational-origin-pressed
3871
- );
3872
- }
3873
- [data-color=yellow],
3874
- .db-color-yellow {
3875
- /* Basic-Level */
3876
- --color-adaptive-bg-basic-level-1-default: var(
3877
- --db-yellow-bg-basic-level-1-default
3878
- );
3879
- --color-adaptive-bg-basic-level-1-hovered: var(
3880
- --db-yellow-bg-basic-level-1-hovered
3881
- );
3882
- --color-adaptive-bg-basic-level-1-pressed: var(
3883
- --db-yellow-bg-basic-level-1-pressed
3884
- );
3885
- --color-adaptive-bg-basic-level-2-default: var(
3886
- --db-yellow-bg-basic-level-2-default
3887
- );
3888
- --color-adaptive-bg-basic-level-2-hovered: var(
3889
- --db-yellow-bg-basic-level-2-hovered
3890
- );
3891
- --color-adaptive-bg-basic-level-2-pressed: var(
3892
- --db-yellow-bg-basic-level-2-pressed
3893
- );
3894
- --color-adaptive-bg-basic-level-3-default: var(
3895
- --db-yellow-bg-basic-level-3-default
3896
- );
3897
- --color-adaptive-bg-basic-level-3-hovered: var(
3898
- --db-yellow-bg-basic-level-3-hovered
3899
- );
3900
- --color-adaptive-bg-basic-level-3-pressed: var(
3901
- --db-yellow-bg-basic-level-3-pressed
3902
- );
3903
- /* Transparent */
3904
- --color-adaptive-bg-basic-transparent-full-default: var(
3905
- --db-yellow-bg-basic-transparent-full-default
3906
- );
3907
- --color-adaptive-bg-basic-transparent-semi-default: var(
3908
- --db-yellow-bg-basic-transparent-semi-default
3909
- );
3910
- --color-adaptive-bg-basic-transparent-full-hovered: var(
3911
- --db-yellow-bg-basic-transparent-full-hovered
3912
- );
3913
- --color-adaptive-bg-basic-transparent-full-pressed: var(
3914
- --db-yellow-bg-basic-transparent-full-pressed
3915
- );
3916
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
3917
- --db-yellow-bg-basic-transparent-semi-hovered
3918
- );
3919
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
3920
- --db-yellow-bg-basic-transparent-semi-pressed
3921
- );
3922
- /* Inverted */
3923
- --color-adaptive-bg-inverted-contrast-max-default: var(
3924
- --db-yellow-bg-inverted-contrast-max-default
3925
- );
3926
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
3927
- --db-yellow-bg-inverted-contrast-max-hovered
3928
- );
3929
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
3930
- --db-yellow-bg-inverted-contrast-max-pressed
3931
- );
3932
- --color-adaptive-bg-inverted-contrast-high-default: var(
3933
- --db-yellow-bg-inverted-contrast-high-default
3934
- );
3935
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
3936
- --db-yellow-bg-inverted-contrast-high-hovered
3937
- );
3938
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
3939
- --db-yellow-bg-inverted-contrast-high-pressed
3940
- );
3941
- --color-adaptive-bg-inverted-contrast-low-default: var(
3942
- --db-yellow-bg-inverted-contrast-low-default
3943
- );
3944
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
3945
- --db-yellow-bg-inverted-contrast-low-hovered
3946
- );
3947
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
3948
- --db-yellow-bg-inverted-contrast-low-pressed
3949
- );
3950
- /* On Colors */
3951
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
3952
- --db-yellow-on-bg-basic-emphasis-100-default
3953
- );
3954
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
3955
- --db-yellow-on-bg-basic-emphasis-100-hovered
3956
- );
3957
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
3958
- --db-yellow-on-bg-basic-emphasis-100-pressed
3959
- );
3960
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
3961
- --db-yellow-on-bg-basic-emphasis-90-default
3962
- );
3963
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
3964
- --db-yellow-on-bg-basic-emphasis-90-hovered
3965
- );
3966
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
3967
- --db-yellow-on-bg-basic-emphasis-90-pressed
3968
- );
3969
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
3970
- --db-yellow-on-bg-basic-emphasis-80-default
3971
- );
3972
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
3973
- --db-yellow-on-bg-basic-emphasis-80-hovered
3974
- );
3975
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
3976
- --db-yellow-on-bg-basic-emphasis-80-pressed
3977
- );
3978
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
3979
- --db-yellow-on-bg-basic-emphasis-70-default
3980
- );
3981
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
3982
- --db-yellow-on-bg-basic-emphasis-70-hovered
3983
- );
3984
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
3985
- --db-yellow-on-bg-basic-emphasis-70-pressed
3986
- );
3987
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
3988
- --db-yellow-on-bg-basic-emphasis-60-default
3989
- );
3990
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
3991
- --db-yellow-on-bg-basic-emphasis-60-hovered
3992
- );
3993
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
3994
- --db-yellow-on-bg-basic-emphasis-60-pressed
3995
- );
3996
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
3997
- --db-yellow-on-bg-basic-emphasis-50-default
3998
- );
3999
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
4000
- --db-yellow-on-bg-basic-emphasis-50-hovered
4001
- );
4002
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
4003
- --db-yellow-on-bg-basic-emphasis-50-pressed
4004
- );
4005
- /* On Inverted */
4006
- --color-adaptive-on-bg-inverted-default: var(
4007
- --db-yellow-on-bg-inverted-default
4008
- );
4009
- --color-adaptive-on-bg-inverted-hovered: var(
4010
- --db-yellow-on-bg-inverted-hovered
4011
- );
4012
- --color-adaptive-on-bg-inverted-pressed: var(
4013
- --db-yellow-on-bg-inverted-pressed
4014
- );
4015
- /* On Origin */
4016
- --color-adaptive-on-origin-default: var(
4017
- --db-yellow-on-origin-default
4018
- );
4019
- --color-adaptive-on-origin-hovered: var(
4020
- --db-yellow-on-origin-hovered
4021
- );
4022
- --color-adaptive-on-origin-pressed: var(
4023
- --db-yellow-on-origin-pressed
4024
- );
4025
- --color-adaptive-origin-default: var(
4026
- --db-yellow-origin-default
4027
- );
4028
- --color-adaptive-origin-hovered: var(
4029
- --db-yellow-origin-hovered
4030
- );
4031
- --color-adaptive-origin-pressed: var(
4032
- --db-yellow-origin-pressed
4033
- );
4034
- }
4035
- [data-color=orange],
4036
- .db-color-orange {
4037
- /* Basic-Level */
4038
- --color-adaptive-bg-basic-level-1-default: var(
4039
- --db-orange-bg-basic-level-1-default
4040
- );
4041
- --color-adaptive-bg-basic-level-1-hovered: var(
4042
- --db-orange-bg-basic-level-1-hovered
4043
- );
4044
- --color-adaptive-bg-basic-level-1-pressed: var(
4045
- --db-orange-bg-basic-level-1-pressed
4046
- );
4047
- --color-adaptive-bg-basic-level-2-default: var(
4048
- --db-orange-bg-basic-level-2-default
4049
- );
4050
- --color-adaptive-bg-basic-level-2-hovered: var(
4051
- --db-orange-bg-basic-level-2-hovered
4052
- );
4053
- --color-adaptive-bg-basic-level-2-pressed: var(
4054
- --db-orange-bg-basic-level-2-pressed
4055
- );
4056
- --color-adaptive-bg-basic-level-3-default: var(
4057
- --db-orange-bg-basic-level-3-default
4058
- );
4059
- --color-adaptive-bg-basic-level-3-hovered: var(
4060
- --db-orange-bg-basic-level-3-hovered
4061
- );
4062
- --color-adaptive-bg-basic-level-3-pressed: var(
4063
- --db-orange-bg-basic-level-3-pressed
4064
- );
4065
- /* Transparent */
4066
- --color-adaptive-bg-basic-transparent-full-default: var(
4067
- --db-orange-bg-basic-transparent-full-default
4068
- );
4069
- --color-adaptive-bg-basic-transparent-semi-default: var(
4070
- --db-orange-bg-basic-transparent-semi-default
4071
- );
4072
- --color-adaptive-bg-basic-transparent-full-hovered: var(
4073
- --db-orange-bg-basic-transparent-full-hovered
4074
- );
4075
- --color-adaptive-bg-basic-transparent-full-pressed: var(
4076
- --db-orange-bg-basic-transparent-full-pressed
4077
- );
4078
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
4079
- --db-orange-bg-basic-transparent-semi-hovered
4080
- );
4081
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
4082
- --db-orange-bg-basic-transparent-semi-pressed
4083
- );
4084
- /* Inverted */
4085
- --color-adaptive-bg-inverted-contrast-max-default: var(
4086
- --db-orange-bg-inverted-contrast-max-default
4087
- );
4088
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
4089
- --db-orange-bg-inverted-contrast-max-hovered
4090
- );
4091
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
4092
- --db-orange-bg-inverted-contrast-max-pressed
4093
- );
4094
- --color-adaptive-bg-inverted-contrast-high-default: var(
4095
- --db-orange-bg-inverted-contrast-high-default
4096
- );
4097
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
4098
- --db-orange-bg-inverted-contrast-high-hovered
4099
- );
4100
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
4101
- --db-orange-bg-inverted-contrast-high-pressed
4102
- );
4103
- --color-adaptive-bg-inverted-contrast-low-default: var(
4104
- --db-orange-bg-inverted-contrast-low-default
4105
- );
4106
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
4107
- --db-orange-bg-inverted-contrast-low-hovered
4108
- );
4109
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
4110
- --db-orange-bg-inverted-contrast-low-pressed
4111
- );
4112
- /* On Colors */
4113
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
4114
- --db-orange-on-bg-basic-emphasis-100-default
4115
- );
4116
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
4117
- --db-orange-on-bg-basic-emphasis-100-hovered
4118
- );
4119
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
4120
- --db-orange-on-bg-basic-emphasis-100-pressed
4121
- );
4122
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
4123
- --db-orange-on-bg-basic-emphasis-90-default
4124
- );
4125
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
4126
- --db-orange-on-bg-basic-emphasis-90-hovered
4127
- );
4128
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
4129
- --db-orange-on-bg-basic-emphasis-90-pressed
4130
- );
4131
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
4132
- --db-orange-on-bg-basic-emphasis-80-default
4133
- );
4134
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
4135
- --db-orange-on-bg-basic-emphasis-80-hovered
4136
- );
4137
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
4138
- --db-orange-on-bg-basic-emphasis-80-pressed
4139
- );
4140
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
4141
- --db-orange-on-bg-basic-emphasis-70-default
4142
- );
4143
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
4144
- --db-orange-on-bg-basic-emphasis-70-hovered
4145
- );
4146
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
4147
- --db-orange-on-bg-basic-emphasis-70-pressed
4148
- );
4149
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
4150
- --db-orange-on-bg-basic-emphasis-60-default
4151
- );
4152
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
4153
- --db-orange-on-bg-basic-emphasis-60-hovered
4154
- );
4155
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
4156
- --db-orange-on-bg-basic-emphasis-60-pressed
4157
- );
4158
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
4159
- --db-orange-on-bg-basic-emphasis-50-default
4160
- );
4161
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
4162
- --db-orange-on-bg-basic-emphasis-50-hovered
4163
- );
4164
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
4165
- --db-orange-on-bg-basic-emphasis-50-pressed
4166
- );
4167
- /* On Inverted */
4168
- --color-adaptive-on-bg-inverted-default: var(
4169
- --db-orange-on-bg-inverted-default
4170
- );
4171
- --color-adaptive-on-bg-inverted-hovered: var(
4172
- --db-orange-on-bg-inverted-hovered
4173
- );
4174
- --color-adaptive-on-bg-inverted-pressed: var(
4175
- --db-orange-on-bg-inverted-pressed
4176
- );
4177
- /* On Origin */
4178
- --color-adaptive-on-origin-default: var(
4179
- --db-orange-on-origin-default
4180
- );
4181
- --color-adaptive-on-origin-hovered: var(
4182
- --db-orange-on-origin-hovered
4183
- );
4184
- --color-adaptive-on-origin-pressed: var(
4185
- --db-orange-on-origin-pressed
4186
- );
4187
- --color-adaptive-origin-default: var(
4188
- --db-orange-origin-default
4189
- );
4190
- --color-adaptive-origin-hovered: var(
4191
- --db-orange-origin-hovered
4192
- );
4193
- --color-adaptive-origin-pressed: var(
4194
- --db-orange-origin-pressed
4195
- );
4196
- }
4197
- [data-color=red],
4198
- .db-color-red {
4199
- /* Basic-Level */
4200
- --color-adaptive-bg-basic-level-1-default: var(
4201
- --db-red-bg-basic-level-1-default
4202
- );
4203
- --color-adaptive-bg-basic-level-1-hovered: var(
4204
- --db-red-bg-basic-level-1-hovered
4205
- );
4206
- --color-adaptive-bg-basic-level-1-pressed: var(
4207
- --db-red-bg-basic-level-1-pressed
4208
- );
4209
- --color-adaptive-bg-basic-level-2-default: var(
4210
- --db-red-bg-basic-level-2-default
4211
- );
4212
- --color-adaptive-bg-basic-level-2-hovered: var(
4213
- --db-red-bg-basic-level-2-hovered
4214
- );
4215
- --color-adaptive-bg-basic-level-2-pressed: var(
4216
- --db-red-bg-basic-level-2-pressed
4217
- );
4218
- --color-adaptive-bg-basic-level-3-default: var(
4219
- --db-red-bg-basic-level-3-default
4220
- );
4221
- --color-adaptive-bg-basic-level-3-hovered: var(
4222
- --db-red-bg-basic-level-3-hovered
4223
- );
4224
- --color-adaptive-bg-basic-level-3-pressed: var(
4225
- --db-red-bg-basic-level-3-pressed
4226
- );
4227
- /* Transparent */
4228
- --color-adaptive-bg-basic-transparent-full-default: var(
4229
- --db-red-bg-basic-transparent-full-default
4230
- );
4231
- --color-adaptive-bg-basic-transparent-semi-default: var(
4232
- --db-red-bg-basic-transparent-semi-default
4233
- );
4234
- --color-adaptive-bg-basic-transparent-full-hovered: var(
4235
- --db-red-bg-basic-transparent-full-hovered
4236
- );
4237
- --color-adaptive-bg-basic-transparent-full-pressed: var(
4238
- --db-red-bg-basic-transparent-full-pressed
4239
- );
4240
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
4241
- --db-red-bg-basic-transparent-semi-hovered
4242
- );
4243
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
4244
- --db-red-bg-basic-transparent-semi-pressed
4245
- );
4246
- /* Inverted */
4247
- --color-adaptive-bg-inverted-contrast-max-default: var(
4248
- --db-red-bg-inverted-contrast-max-default
4249
- );
4250
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
4251
- --db-red-bg-inverted-contrast-max-hovered
4252
- );
4253
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
4254
- --db-red-bg-inverted-contrast-max-pressed
4255
- );
4256
- --color-adaptive-bg-inverted-contrast-high-default: var(
4257
- --db-red-bg-inverted-contrast-high-default
4258
- );
4259
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
4260
- --db-red-bg-inverted-contrast-high-hovered
4261
- );
4262
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
4263
- --db-red-bg-inverted-contrast-high-pressed
4264
- );
4265
- --color-adaptive-bg-inverted-contrast-low-default: var(
4266
- --db-red-bg-inverted-contrast-low-default
4267
- );
4268
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
4269
- --db-red-bg-inverted-contrast-low-hovered
4270
- );
4271
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
4272
- --db-red-bg-inverted-contrast-low-pressed
4273
- );
4274
- /* On Colors */
4275
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
4276
- --db-red-on-bg-basic-emphasis-100-default
4277
- );
4278
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
4279
- --db-red-on-bg-basic-emphasis-100-hovered
4280
- );
4281
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
4282
- --db-red-on-bg-basic-emphasis-100-pressed
4283
- );
4284
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
4285
- --db-red-on-bg-basic-emphasis-90-default
4286
- );
4287
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
4288
- --db-red-on-bg-basic-emphasis-90-hovered
4289
- );
4290
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
4291
- --db-red-on-bg-basic-emphasis-90-pressed
4292
- );
4293
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
4294
- --db-red-on-bg-basic-emphasis-80-default
4295
- );
4296
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
4297
- --db-red-on-bg-basic-emphasis-80-hovered
4298
- );
4299
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
4300
- --db-red-on-bg-basic-emphasis-80-pressed
4301
- );
4302
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
4303
- --db-red-on-bg-basic-emphasis-70-default
4304
- );
4305
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
4306
- --db-red-on-bg-basic-emphasis-70-hovered
4307
- );
4308
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
4309
- --db-red-on-bg-basic-emphasis-70-pressed
4310
- );
4311
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
4312
- --db-red-on-bg-basic-emphasis-60-default
4313
- );
4314
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
4315
- --db-red-on-bg-basic-emphasis-60-hovered
4316
- );
4317
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
4318
- --db-red-on-bg-basic-emphasis-60-pressed
4319
- );
4320
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
4321
- --db-red-on-bg-basic-emphasis-50-default
4322
- );
4323
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
4324
- --db-red-on-bg-basic-emphasis-50-hovered
4325
- );
4326
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
4327
- --db-red-on-bg-basic-emphasis-50-pressed
4328
- );
4329
- /* On Inverted */
4330
- --color-adaptive-on-bg-inverted-default: var(
4331
- --db-red-on-bg-inverted-default
4332
- );
4333
- --color-adaptive-on-bg-inverted-hovered: var(
4334
- --db-red-on-bg-inverted-hovered
4335
- );
4336
- --color-adaptive-on-bg-inverted-pressed: var(
4337
- --db-red-on-bg-inverted-pressed
4338
- );
4339
- /* On Origin */
4340
- --color-adaptive-on-origin-default: var(
4341
- --db-red-on-origin-default
4342
- );
4343
- --color-adaptive-on-origin-hovered: var(
4344
- --db-red-on-origin-hovered
4345
- );
4346
- --color-adaptive-on-origin-pressed: var(
4347
- --db-red-on-origin-pressed
4348
- );
4349
- --color-adaptive-origin-default: var(
4350
- --db-red-origin-default
4351
- );
4352
- --color-adaptive-origin-hovered: var(
4353
- --db-red-origin-hovered
4354
- );
4355
- --color-adaptive-origin-pressed: var(
4356
- --db-red-origin-pressed
4357
- );
4358
- }
4359
- [data-color=pink],
4360
- .db-color-pink {
4361
- /* Basic-Level */
4362
- --color-adaptive-bg-basic-level-1-default: var(
4363
- --db-pink-bg-basic-level-1-default
4364
- );
4365
- --color-adaptive-bg-basic-level-1-hovered: var(
4366
- --db-pink-bg-basic-level-1-hovered
4367
- );
4368
- --color-adaptive-bg-basic-level-1-pressed: var(
4369
- --db-pink-bg-basic-level-1-pressed
4370
- );
4371
- --color-adaptive-bg-basic-level-2-default: var(
4372
- --db-pink-bg-basic-level-2-default
4373
- );
4374
- --color-adaptive-bg-basic-level-2-hovered: var(
4375
- --db-pink-bg-basic-level-2-hovered
4376
- );
4377
- --color-adaptive-bg-basic-level-2-pressed: var(
4378
- --db-pink-bg-basic-level-2-pressed
4379
- );
4380
- --color-adaptive-bg-basic-level-3-default: var(
4381
- --db-pink-bg-basic-level-3-default
4382
- );
4383
- --color-adaptive-bg-basic-level-3-hovered: var(
4384
- --db-pink-bg-basic-level-3-hovered
4385
- );
4386
- --color-adaptive-bg-basic-level-3-pressed: var(
4387
- --db-pink-bg-basic-level-3-pressed
4388
- );
4389
- /* Transparent */
4390
- --color-adaptive-bg-basic-transparent-full-default: var(
4391
- --db-pink-bg-basic-transparent-full-default
4392
- );
4393
- --color-adaptive-bg-basic-transparent-semi-default: var(
4394
- --db-pink-bg-basic-transparent-semi-default
4395
- );
4396
- --color-adaptive-bg-basic-transparent-full-hovered: var(
4397
- --db-pink-bg-basic-transparent-full-hovered
4398
- );
4399
- --color-adaptive-bg-basic-transparent-full-pressed: var(
4400
- --db-pink-bg-basic-transparent-full-pressed
4401
- );
4402
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
4403
- --db-pink-bg-basic-transparent-semi-hovered
4404
- );
4405
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
4406
- --db-pink-bg-basic-transparent-semi-pressed
4407
- );
4408
- /* Inverted */
4409
- --color-adaptive-bg-inverted-contrast-max-default: var(
4410
- --db-pink-bg-inverted-contrast-max-default
4411
- );
4412
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
4413
- --db-pink-bg-inverted-contrast-max-hovered
4414
- );
4415
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
4416
- --db-pink-bg-inverted-contrast-max-pressed
4417
- );
4418
- --color-adaptive-bg-inverted-contrast-high-default: var(
4419
- --db-pink-bg-inverted-contrast-high-default
4420
- );
4421
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
4422
- --db-pink-bg-inverted-contrast-high-hovered
4423
- );
4424
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
4425
- --db-pink-bg-inverted-contrast-high-pressed
4426
- );
4427
- --color-adaptive-bg-inverted-contrast-low-default: var(
4428
- --db-pink-bg-inverted-contrast-low-default
4429
- );
4430
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
4431
- --db-pink-bg-inverted-contrast-low-hovered
4432
- );
4433
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
4434
- --db-pink-bg-inverted-contrast-low-pressed
4435
- );
4436
- /* On Colors */
4437
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
4438
- --db-pink-on-bg-basic-emphasis-100-default
4439
- );
4440
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
4441
- --db-pink-on-bg-basic-emphasis-100-hovered
4442
- );
4443
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
4444
- --db-pink-on-bg-basic-emphasis-100-pressed
4445
- );
4446
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
4447
- --db-pink-on-bg-basic-emphasis-90-default
4448
- );
4449
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
4450
- --db-pink-on-bg-basic-emphasis-90-hovered
4451
- );
4452
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
4453
- --db-pink-on-bg-basic-emphasis-90-pressed
4454
- );
4455
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
4456
- --db-pink-on-bg-basic-emphasis-80-default
4457
- );
4458
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
4459
- --db-pink-on-bg-basic-emphasis-80-hovered
4460
- );
4461
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
4462
- --db-pink-on-bg-basic-emphasis-80-pressed
4463
- );
4464
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
4465
- --db-pink-on-bg-basic-emphasis-70-default
4466
- );
4467
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
4468
- --db-pink-on-bg-basic-emphasis-70-hovered
4469
- );
4470
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
4471
- --db-pink-on-bg-basic-emphasis-70-pressed
4472
- );
4473
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
4474
- --db-pink-on-bg-basic-emphasis-60-default
4475
- );
4476
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
4477
- --db-pink-on-bg-basic-emphasis-60-hovered
4478
- );
4479
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
4480
- --db-pink-on-bg-basic-emphasis-60-pressed
4481
- );
4482
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
4483
- --db-pink-on-bg-basic-emphasis-50-default
4484
- );
4485
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
4486
- --db-pink-on-bg-basic-emphasis-50-hovered
4487
- );
4488
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
4489
- --db-pink-on-bg-basic-emphasis-50-pressed
4490
- );
4491
- /* On Inverted */
4492
- --color-adaptive-on-bg-inverted-default: var(
4493
- --db-pink-on-bg-inverted-default
4494
- );
4495
- --color-adaptive-on-bg-inverted-hovered: var(
4496
- --db-pink-on-bg-inverted-hovered
4497
- );
4498
- --color-adaptive-on-bg-inverted-pressed: var(
4499
- --db-pink-on-bg-inverted-pressed
4500
- );
4501
- /* On Origin */
4502
- --color-adaptive-on-origin-default: var(
4503
- --db-pink-on-origin-default
4504
- );
4505
- --color-adaptive-on-origin-hovered: var(
4506
- --db-pink-on-origin-hovered
4507
- );
4508
- --color-adaptive-on-origin-pressed: var(
4509
- --db-pink-on-origin-pressed
4510
- );
4511
- --color-adaptive-origin-default: var(
4512
- --db-pink-origin-default
4513
- );
4514
- --color-adaptive-origin-hovered: var(
4515
- --db-pink-origin-hovered
4516
- );
4517
- --color-adaptive-origin-pressed: var(
4518
- --db-pink-origin-pressed
4519
- );
4520
- }
4521
- [data-color=violet],
4522
- .db-color-violet {
4523
- /* Basic-Level */
4524
- --color-adaptive-bg-basic-level-1-default: var(
4525
- --db-violet-bg-basic-level-1-default
4526
- );
4527
- --color-adaptive-bg-basic-level-1-hovered: var(
4528
- --db-violet-bg-basic-level-1-hovered
4529
- );
4530
- --color-adaptive-bg-basic-level-1-pressed: var(
4531
- --db-violet-bg-basic-level-1-pressed
4532
- );
4533
- --color-adaptive-bg-basic-level-2-default: var(
4534
- --db-violet-bg-basic-level-2-default
4535
- );
4536
- --color-adaptive-bg-basic-level-2-hovered: var(
4537
- --db-violet-bg-basic-level-2-hovered
4538
- );
4539
- --color-adaptive-bg-basic-level-2-pressed: var(
4540
- --db-violet-bg-basic-level-2-pressed
4541
- );
4542
- --color-adaptive-bg-basic-level-3-default: var(
4543
- --db-violet-bg-basic-level-3-default
4544
- );
4545
- --color-adaptive-bg-basic-level-3-hovered: var(
4546
- --db-violet-bg-basic-level-3-hovered
4547
- );
4548
- --color-adaptive-bg-basic-level-3-pressed: var(
4549
- --db-violet-bg-basic-level-3-pressed
4550
- );
4551
- /* Transparent */
4552
- --color-adaptive-bg-basic-transparent-full-default: var(
4553
- --db-violet-bg-basic-transparent-full-default
4554
- );
4555
- --color-adaptive-bg-basic-transparent-semi-default: var(
4556
- --db-violet-bg-basic-transparent-semi-default
4557
- );
4558
- --color-adaptive-bg-basic-transparent-full-hovered: var(
4559
- --db-violet-bg-basic-transparent-full-hovered
4560
- );
4561
- --color-adaptive-bg-basic-transparent-full-pressed: var(
4562
- --db-violet-bg-basic-transparent-full-pressed
4563
- );
4564
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
4565
- --db-violet-bg-basic-transparent-semi-hovered
4566
- );
4567
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
4568
- --db-violet-bg-basic-transparent-semi-pressed
4569
- );
4570
- /* Inverted */
4571
- --color-adaptive-bg-inverted-contrast-max-default: var(
4572
- --db-violet-bg-inverted-contrast-max-default
4573
- );
4574
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
4575
- --db-violet-bg-inverted-contrast-max-hovered
4576
- );
4577
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
4578
- --db-violet-bg-inverted-contrast-max-pressed
4579
- );
4580
- --color-adaptive-bg-inverted-contrast-high-default: var(
4581
- --db-violet-bg-inverted-contrast-high-default
4582
- );
4583
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
4584
- --db-violet-bg-inverted-contrast-high-hovered
4585
- );
4586
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
4587
- --db-violet-bg-inverted-contrast-high-pressed
4588
- );
4589
- --color-adaptive-bg-inverted-contrast-low-default: var(
4590
- --db-violet-bg-inverted-contrast-low-default
4591
- );
4592
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
4593
- --db-violet-bg-inverted-contrast-low-hovered
4594
- );
4595
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
4596
- --db-violet-bg-inverted-contrast-low-pressed
4597
- );
4598
- /* On Colors */
4599
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
4600
- --db-violet-on-bg-basic-emphasis-100-default
4601
- );
4602
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
4603
- --db-violet-on-bg-basic-emphasis-100-hovered
4604
- );
4605
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
4606
- --db-violet-on-bg-basic-emphasis-100-pressed
4607
- );
4608
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
4609
- --db-violet-on-bg-basic-emphasis-90-default
4610
- );
4611
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
4612
- --db-violet-on-bg-basic-emphasis-90-hovered
4613
- );
4614
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
4615
- --db-violet-on-bg-basic-emphasis-90-pressed
4616
- );
4617
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
4618
- --db-violet-on-bg-basic-emphasis-80-default
4619
- );
4620
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
4621
- --db-violet-on-bg-basic-emphasis-80-hovered
4622
- );
4623
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
4624
- --db-violet-on-bg-basic-emphasis-80-pressed
4625
- );
4626
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
4627
- --db-violet-on-bg-basic-emphasis-70-default
4628
- );
4629
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
4630
- --db-violet-on-bg-basic-emphasis-70-hovered
4631
- );
4632
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
4633
- --db-violet-on-bg-basic-emphasis-70-pressed
4634
- );
4635
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
4636
- --db-violet-on-bg-basic-emphasis-60-default
4637
- );
4638
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
4639
- --db-violet-on-bg-basic-emphasis-60-hovered
4640
- );
4641
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
4642
- --db-violet-on-bg-basic-emphasis-60-pressed
4643
- );
4644
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
4645
- --db-violet-on-bg-basic-emphasis-50-default
4646
- );
4647
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
4648
- --db-violet-on-bg-basic-emphasis-50-hovered
4649
- );
4650
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
4651
- --db-violet-on-bg-basic-emphasis-50-pressed
4652
- );
4653
- /* On Inverted */
4654
- --color-adaptive-on-bg-inverted-default: var(
4655
- --db-violet-on-bg-inverted-default
4656
- );
4657
- --color-adaptive-on-bg-inverted-hovered: var(
4658
- --db-violet-on-bg-inverted-hovered
4659
- );
4660
- --color-adaptive-on-bg-inverted-pressed: var(
4661
- --db-violet-on-bg-inverted-pressed
4662
- );
4663
- /* On Origin */
4664
- --color-adaptive-on-origin-default: var(
4665
- --db-violet-on-origin-default
4666
- );
4667
- --color-adaptive-on-origin-hovered: var(
4668
- --db-violet-on-origin-hovered
4669
- );
4670
- --color-adaptive-on-origin-pressed: var(
4671
- --db-violet-on-origin-pressed
4672
- );
4673
- --color-adaptive-origin-default: var(
4674
- --db-violet-origin-default
4675
- );
4676
- --color-adaptive-origin-hovered: var(
4677
- --db-violet-origin-hovered
4678
- );
4679
- --color-adaptive-origin-pressed: var(
4680
- --db-violet-origin-pressed
4681
- );
4682
- }
4683
- [data-color=blue],
4684
- .db-color-blue {
4685
- /* Basic-Level */
4686
- --color-adaptive-bg-basic-level-1-default: var(
4687
- --db-blue-bg-basic-level-1-default
4688
- );
4689
- --color-adaptive-bg-basic-level-1-hovered: var(
4690
- --db-blue-bg-basic-level-1-hovered
4691
- );
4692
- --color-adaptive-bg-basic-level-1-pressed: var(
4693
- --db-blue-bg-basic-level-1-pressed
4694
- );
4695
- --color-adaptive-bg-basic-level-2-default: var(
4696
- --db-blue-bg-basic-level-2-default
4697
- );
4698
- --color-adaptive-bg-basic-level-2-hovered: var(
4699
- --db-blue-bg-basic-level-2-hovered
4700
- );
4701
- --color-adaptive-bg-basic-level-2-pressed: var(
4702
- --db-blue-bg-basic-level-2-pressed
4703
- );
4704
- --color-adaptive-bg-basic-level-3-default: var(
4705
- --db-blue-bg-basic-level-3-default
4706
- );
4707
- --color-adaptive-bg-basic-level-3-hovered: var(
4708
- --db-blue-bg-basic-level-3-hovered
4709
- );
4710
- --color-adaptive-bg-basic-level-3-pressed: var(
4711
- --db-blue-bg-basic-level-3-pressed
4712
- );
4713
- /* Transparent */
4714
- --color-adaptive-bg-basic-transparent-full-default: var(
4715
- --db-blue-bg-basic-transparent-full-default
4716
- );
4717
- --color-adaptive-bg-basic-transparent-semi-default: var(
4718
- --db-blue-bg-basic-transparent-semi-default
4719
- );
4720
- --color-adaptive-bg-basic-transparent-full-hovered: var(
4721
- --db-blue-bg-basic-transparent-full-hovered
4722
- );
4723
- --color-adaptive-bg-basic-transparent-full-pressed: var(
4724
- --db-blue-bg-basic-transparent-full-pressed
4725
- );
4726
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
4727
- --db-blue-bg-basic-transparent-semi-hovered
4728
- );
4729
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
4730
- --db-blue-bg-basic-transparent-semi-pressed
4731
- );
4732
- /* Inverted */
4733
- --color-adaptive-bg-inverted-contrast-max-default: var(
4734
- --db-blue-bg-inverted-contrast-max-default
4735
- );
4736
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
4737
- --db-blue-bg-inverted-contrast-max-hovered
4738
- );
4739
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
4740
- --db-blue-bg-inverted-contrast-max-pressed
4741
- );
4742
- --color-adaptive-bg-inverted-contrast-high-default: var(
4743
- --db-blue-bg-inverted-contrast-high-default
4744
- );
4745
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
4746
- --db-blue-bg-inverted-contrast-high-hovered
4747
- );
4748
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
4749
- --db-blue-bg-inverted-contrast-high-pressed
4750
- );
4751
- --color-adaptive-bg-inverted-contrast-low-default: var(
4752
- --db-blue-bg-inverted-contrast-low-default
4753
- );
4754
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
4755
- --db-blue-bg-inverted-contrast-low-hovered
4756
- );
4757
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
4758
- --db-blue-bg-inverted-contrast-low-pressed
4759
- );
4760
- /* On Colors */
4761
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
4762
- --db-blue-on-bg-basic-emphasis-100-default
4763
- );
4764
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
4765
- --db-blue-on-bg-basic-emphasis-100-hovered
4766
- );
4767
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
4768
- --db-blue-on-bg-basic-emphasis-100-pressed
4769
- );
4770
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
4771
- --db-blue-on-bg-basic-emphasis-90-default
4772
- );
4773
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
4774
- --db-blue-on-bg-basic-emphasis-90-hovered
4775
- );
4776
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
4777
- --db-blue-on-bg-basic-emphasis-90-pressed
4778
- );
4779
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
4780
- --db-blue-on-bg-basic-emphasis-80-default
4781
- );
4782
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
4783
- --db-blue-on-bg-basic-emphasis-80-hovered
4784
- );
4785
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
4786
- --db-blue-on-bg-basic-emphasis-80-pressed
4787
- );
4788
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
4789
- --db-blue-on-bg-basic-emphasis-70-default
4790
- );
4791
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
4792
- --db-blue-on-bg-basic-emphasis-70-hovered
4793
- );
4794
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
4795
- --db-blue-on-bg-basic-emphasis-70-pressed
4796
- );
4797
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
4798
- --db-blue-on-bg-basic-emphasis-60-default
4799
- );
4800
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
4801
- --db-blue-on-bg-basic-emphasis-60-hovered
4802
- );
4803
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
4804
- --db-blue-on-bg-basic-emphasis-60-pressed
4805
- );
4806
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
4807
- --db-blue-on-bg-basic-emphasis-50-default
4808
- );
4809
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
4810
- --db-blue-on-bg-basic-emphasis-50-hovered
4811
- );
4812
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
4813
- --db-blue-on-bg-basic-emphasis-50-pressed
4814
- );
4815
- /* On Inverted */
4816
- --color-adaptive-on-bg-inverted-default: var(
4817
- --db-blue-on-bg-inverted-default
4818
- );
4819
- --color-adaptive-on-bg-inverted-hovered: var(
4820
- --db-blue-on-bg-inverted-hovered
4821
- );
4822
- --color-adaptive-on-bg-inverted-pressed: var(
4823
- --db-blue-on-bg-inverted-pressed
4824
- );
4825
- /* On Origin */
4826
- --color-adaptive-on-origin-default: var(
4827
- --db-blue-on-origin-default
4828
- );
4829
- --color-adaptive-on-origin-hovered: var(
4830
- --db-blue-on-origin-hovered
4831
- );
4832
- --color-adaptive-on-origin-pressed: var(
4833
- --db-blue-on-origin-pressed
4834
- );
4835
- --color-adaptive-origin-default: var(
4836
- --db-blue-origin-default
4837
- );
4838
- --color-adaptive-origin-hovered: var(
4839
- --db-blue-origin-hovered
4840
- );
4841
- --color-adaptive-origin-pressed: var(
4842
- --db-blue-origin-pressed
4843
- );
4844
- }
4845
- [data-color=cyan],
4846
- .db-color-cyan {
4847
- /* Basic-Level */
4848
- --color-adaptive-bg-basic-level-1-default: var(
4849
- --db-cyan-bg-basic-level-1-default
4850
- );
4851
- --color-adaptive-bg-basic-level-1-hovered: var(
4852
- --db-cyan-bg-basic-level-1-hovered
4853
- );
4854
- --color-adaptive-bg-basic-level-1-pressed: var(
4855
- --db-cyan-bg-basic-level-1-pressed
4856
- );
4857
- --color-adaptive-bg-basic-level-2-default: var(
4858
- --db-cyan-bg-basic-level-2-default
4859
- );
4860
- --color-adaptive-bg-basic-level-2-hovered: var(
4861
- --db-cyan-bg-basic-level-2-hovered
4862
- );
4863
- --color-adaptive-bg-basic-level-2-pressed: var(
4864
- --db-cyan-bg-basic-level-2-pressed
4865
- );
4866
- --color-adaptive-bg-basic-level-3-default: var(
4867
- --db-cyan-bg-basic-level-3-default
4868
- );
4869
- --color-adaptive-bg-basic-level-3-hovered: var(
4870
- --db-cyan-bg-basic-level-3-hovered
4871
- );
4872
- --color-adaptive-bg-basic-level-3-pressed: var(
4873
- --db-cyan-bg-basic-level-3-pressed
4874
- );
4875
- /* Transparent */
4876
- --color-adaptive-bg-basic-transparent-full-default: var(
4877
- --db-cyan-bg-basic-transparent-full-default
4878
- );
4879
- --color-adaptive-bg-basic-transparent-semi-default: var(
4880
- --db-cyan-bg-basic-transparent-semi-default
4881
- );
4882
- --color-adaptive-bg-basic-transparent-full-hovered: var(
4883
- --db-cyan-bg-basic-transparent-full-hovered
4884
- );
4885
- --color-adaptive-bg-basic-transparent-full-pressed: var(
4886
- --db-cyan-bg-basic-transparent-full-pressed
4887
- );
4888
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
4889
- --db-cyan-bg-basic-transparent-semi-hovered
4890
- );
4891
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
4892
- --db-cyan-bg-basic-transparent-semi-pressed
4893
- );
4894
- /* Inverted */
4895
- --color-adaptive-bg-inverted-contrast-max-default: var(
4896
- --db-cyan-bg-inverted-contrast-max-default
4897
- );
4898
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
4899
- --db-cyan-bg-inverted-contrast-max-hovered
4900
- );
4901
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
4902
- --db-cyan-bg-inverted-contrast-max-pressed
4903
- );
4904
- --color-adaptive-bg-inverted-contrast-high-default: var(
4905
- --db-cyan-bg-inverted-contrast-high-default
4906
- );
4907
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
4908
- --db-cyan-bg-inverted-contrast-high-hovered
4909
- );
4910
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
4911
- --db-cyan-bg-inverted-contrast-high-pressed
4912
- );
4913
- --color-adaptive-bg-inverted-contrast-low-default: var(
4914
- --db-cyan-bg-inverted-contrast-low-default
4915
- );
4916
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
4917
- --db-cyan-bg-inverted-contrast-low-hovered
4918
- );
4919
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
4920
- --db-cyan-bg-inverted-contrast-low-pressed
4921
- );
4922
- /* On Colors */
4923
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
4924
- --db-cyan-on-bg-basic-emphasis-100-default
4925
- );
4926
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
4927
- --db-cyan-on-bg-basic-emphasis-100-hovered
4928
- );
4929
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
4930
- --db-cyan-on-bg-basic-emphasis-100-pressed
4931
- );
4932
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
4933
- --db-cyan-on-bg-basic-emphasis-90-default
4934
- );
4935
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
4936
- --db-cyan-on-bg-basic-emphasis-90-hovered
4937
- );
4938
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
4939
- --db-cyan-on-bg-basic-emphasis-90-pressed
4940
- );
4941
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
4942
- --db-cyan-on-bg-basic-emphasis-80-default
4943
- );
4944
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
4945
- --db-cyan-on-bg-basic-emphasis-80-hovered
4946
- );
4947
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
4948
- --db-cyan-on-bg-basic-emphasis-80-pressed
4949
- );
4950
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
4951
- --db-cyan-on-bg-basic-emphasis-70-default
4952
- );
4953
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
4954
- --db-cyan-on-bg-basic-emphasis-70-hovered
4955
- );
4956
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
4957
- --db-cyan-on-bg-basic-emphasis-70-pressed
4958
- );
4959
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
4960
- --db-cyan-on-bg-basic-emphasis-60-default
4961
- );
4962
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
4963
- --db-cyan-on-bg-basic-emphasis-60-hovered
4964
- );
4965
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
4966
- --db-cyan-on-bg-basic-emphasis-60-pressed
4967
- );
4968
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
4969
- --db-cyan-on-bg-basic-emphasis-50-default
4970
- );
4971
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
4972
- --db-cyan-on-bg-basic-emphasis-50-hovered
4973
- );
4974
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
4975
- --db-cyan-on-bg-basic-emphasis-50-pressed
4976
- );
4977
- /* On Inverted */
4978
- --color-adaptive-on-bg-inverted-default: var(
4979
- --db-cyan-on-bg-inverted-default
4980
- );
4981
- --color-adaptive-on-bg-inverted-hovered: var(
4982
- --db-cyan-on-bg-inverted-hovered
4983
- );
4984
- --color-adaptive-on-bg-inverted-pressed: var(
4985
- --db-cyan-on-bg-inverted-pressed
4986
- );
4987
- /* On Origin */
4988
- --color-adaptive-on-origin-default: var(
4989
- --db-cyan-on-origin-default
4990
- );
4991
- --color-adaptive-on-origin-hovered: var(
4992
- --db-cyan-on-origin-hovered
4993
- );
4994
- --color-adaptive-on-origin-pressed: var(
4995
- --db-cyan-on-origin-pressed
4996
- );
4997
- --color-adaptive-origin-default: var(
4998
- --db-cyan-origin-default
4999
- );
5000
- --color-adaptive-origin-hovered: var(
5001
- --db-cyan-origin-hovered
5002
- );
5003
- --color-adaptive-origin-pressed: var(
5004
- --db-cyan-origin-pressed
5005
- );
5006
- }
5007
- [data-color=turquoise],
5008
- .db-color-turquoise {
5009
- /* Basic-Level */
5010
- --color-adaptive-bg-basic-level-1-default: var(
5011
- --db-turquoise-bg-basic-level-1-default
5012
- );
5013
- --color-adaptive-bg-basic-level-1-hovered: var(
5014
- --db-turquoise-bg-basic-level-1-hovered
5015
- );
5016
- --color-adaptive-bg-basic-level-1-pressed: var(
5017
- --db-turquoise-bg-basic-level-1-pressed
5018
- );
5019
- --color-adaptive-bg-basic-level-2-default: var(
5020
- --db-turquoise-bg-basic-level-2-default
5021
- );
5022
- --color-adaptive-bg-basic-level-2-hovered: var(
5023
- --db-turquoise-bg-basic-level-2-hovered
5024
- );
5025
- --color-adaptive-bg-basic-level-2-pressed: var(
5026
- --db-turquoise-bg-basic-level-2-pressed
5027
- );
5028
- --color-adaptive-bg-basic-level-3-default: var(
5029
- --db-turquoise-bg-basic-level-3-default
5030
- );
5031
- --color-adaptive-bg-basic-level-3-hovered: var(
5032
- --db-turquoise-bg-basic-level-3-hovered
5033
- );
5034
- --color-adaptive-bg-basic-level-3-pressed: var(
5035
- --db-turquoise-bg-basic-level-3-pressed
5036
- );
5037
- /* Transparent */
5038
- --color-adaptive-bg-basic-transparent-full-default: var(
5039
- --db-turquoise-bg-basic-transparent-full-default
5040
- );
5041
- --color-adaptive-bg-basic-transparent-semi-default: var(
5042
- --db-turquoise-bg-basic-transparent-semi-default
5043
- );
5044
- --color-adaptive-bg-basic-transparent-full-hovered: var(
5045
- --db-turquoise-bg-basic-transparent-full-hovered
5046
- );
5047
- --color-adaptive-bg-basic-transparent-full-pressed: var(
5048
- --db-turquoise-bg-basic-transparent-full-pressed
5049
- );
5050
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
5051
- --db-turquoise-bg-basic-transparent-semi-hovered
5052
- );
5053
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
5054
- --db-turquoise-bg-basic-transparent-semi-pressed
5055
- );
5056
- /* Inverted */
5057
- --color-adaptive-bg-inverted-contrast-max-default: var(
5058
- --db-turquoise-bg-inverted-contrast-max-default
5059
- );
5060
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
5061
- --db-turquoise-bg-inverted-contrast-max-hovered
5062
- );
5063
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
5064
- --db-turquoise-bg-inverted-contrast-max-pressed
5065
- );
5066
- --color-adaptive-bg-inverted-contrast-high-default: var(
5067
- --db-turquoise-bg-inverted-contrast-high-default
5068
- );
5069
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
5070
- --db-turquoise-bg-inverted-contrast-high-hovered
5071
- );
5072
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
5073
- --db-turquoise-bg-inverted-contrast-high-pressed
5074
- );
5075
- --color-adaptive-bg-inverted-contrast-low-default: var(
5076
- --db-turquoise-bg-inverted-contrast-low-default
5077
- );
5078
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
5079
- --db-turquoise-bg-inverted-contrast-low-hovered
5080
- );
5081
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
5082
- --db-turquoise-bg-inverted-contrast-low-pressed
5083
- );
5084
- /* On Colors */
5085
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
5086
- --db-turquoise-on-bg-basic-emphasis-100-default
5087
- );
5088
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
5089
- --db-turquoise-on-bg-basic-emphasis-100-hovered
5090
- );
5091
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
5092
- --db-turquoise-on-bg-basic-emphasis-100-pressed
5093
- );
5094
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
5095
- --db-turquoise-on-bg-basic-emphasis-90-default
5096
- );
5097
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
5098
- --db-turquoise-on-bg-basic-emphasis-90-hovered
5099
- );
5100
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
5101
- --db-turquoise-on-bg-basic-emphasis-90-pressed
5102
- );
5103
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
5104
- --db-turquoise-on-bg-basic-emphasis-80-default
5105
- );
5106
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
5107
- --db-turquoise-on-bg-basic-emphasis-80-hovered
5108
- );
5109
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
5110
- --db-turquoise-on-bg-basic-emphasis-80-pressed
5111
- );
5112
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
5113
- --db-turquoise-on-bg-basic-emphasis-70-default
5114
- );
5115
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
5116
- --db-turquoise-on-bg-basic-emphasis-70-hovered
5117
- );
5118
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
5119
- --db-turquoise-on-bg-basic-emphasis-70-pressed
5120
- );
5121
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
5122
- --db-turquoise-on-bg-basic-emphasis-60-default
5123
- );
5124
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
5125
- --db-turquoise-on-bg-basic-emphasis-60-hovered
5126
- );
5127
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
5128
- --db-turquoise-on-bg-basic-emphasis-60-pressed
5129
- );
5130
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
5131
- --db-turquoise-on-bg-basic-emphasis-50-default
5132
- );
5133
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
5134
- --db-turquoise-on-bg-basic-emphasis-50-hovered
5135
- );
5136
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
5137
- --db-turquoise-on-bg-basic-emphasis-50-pressed
5138
- );
5139
- /* On Inverted */
5140
- --color-adaptive-on-bg-inverted-default: var(
5141
- --db-turquoise-on-bg-inverted-default
5142
- );
5143
- --color-adaptive-on-bg-inverted-hovered: var(
5144
- --db-turquoise-on-bg-inverted-hovered
5145
- );
5146
- --color-adaptive-on-bg-inverted-pressed: var(
5147
- --db-turquoise-on-bg-inverted-pressed
5148
- );
5149
- /* On Origin */
5150
- --color-adaptive-on-origin-default: var(
5151
- --db-turquoise-on-origin-default
5152
- );
5153
- --color-adaptive-on-origin-hovered: var(
5154
- --db-turquoise-on-origin-hovered
5155
- );
5156
- --color-adaptive-on-origin-pressed: var(
5157
- --db-turquoise-on-origin-pressed
5158
- );
5159
- --color-adaptive-origin-default: var(
5160
- --db-turquoise-origin-default
5161
- );
5162
- --color-adaptive-origin-hovered: var(
5163
- --db-turquoise-origin-hovered
5164
- );
5165
- --color-adaptive-origin-pressed: var(
5166
- --db-turquoise-origin-pressed
5167
- );
5168
- }
5169
- [data-color=green],
5170
- .db-color-green {
5171
- /* Basic-Level */
5172
- --color-adaptive-bg-basic-level-1-default: var(
5173
- --db-green-bg-basic-level-1-default
5174
- );
5175
- --color-adaptive-bg-basic-level-1-hovered: var(
5176
- --db-green-bg-basic-level-1-hovered
5177
- );
5178
- --color-adaptive-bg-basic-level-1-pressed: var(
5179
- --db-green-bg-basic-level-1-pressed
5180
- );
5181
- --color-adaptive-bg-basic-level-2-default: var(
5182
- --db-green-bg-basic-level-2-default
5183
- );
5184
- --color-adaptive-bg-basic-level-2-hovered: var(
5185
- --db-green-bg-basic-level-2-hovered
5186
- );
5187
- --color-adaptive-bg-basic-level-2-pressed: var(
5188
- --db-green-bg-basic-level-2-pressed
5189
- );
5190
- --color-adaptive-bg-basic-level-3-default: var(
5191
- --db-green-bg-basic-level-3-default
5192
- );
5193
- --color-adaptive-bg-basic-level-3-hovered: var(
5194
- --db-green-bg-basic-level-3-hovered
5195
- );
5196
- --color-adaptive-bg-basic-level-3-pressed: var(
5197
- --db-green-bg-basic-level-3-pressed
5198
- );
5199
- /* Transparent */
5200
- --color-adaptive-bg-basic-transparent-full-default: var(
5201
- --db-green-bg-basic-transparent-full-default
5202
- );
5203
- --color-adaptive-bg-basic-transparent-semi-default: var(
5204
- --db-green-bg-basic-transparent-semi-default
5205
- );
5206
- --color-adaptive-bg-basic-transparent-full-hovered: var(
5207
- --db-green-bg-basic-transparent-full-hovered
5208
- );
5209
- --color-adaptive-bg-basic-transparent-full-pressed: var(
5210
- --db-green-bg-basic-transparent-full-pressed
5211
- );
5212
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
5213
- --db-green-bg-basic-transparent-semi-hovered
5214
- );
5215
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
5216
- --db-green-bg-basic-transparent-semi-pressed
5217
- );
5218
- /* Inverted */
5219
- --color-adaptive-bg-inverted-contrast-max-default: var(
5220
- --db-green-bg-inverted-contrast-max-default
5221
- );
5222
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
5223
- --db-green-bg-inverted-contrast-max-hovered
5224
- );
5225
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
5226
- --db-green-bg-inverted-contrast-max-pressed
5227
- );
5228
- --color-adaptive-bg-inverted-contrast-high-default: var(
5229
- --db-green-bg-inverted-contrast-high-default
5230
- );
5231
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
5232
- --db-green-bg-inverted-contrast-high-hovered
5233
- );
5234
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
5235
- --db-green-bg-inverted-contrast-high-pressed
5236
- );
5237
- --color-adaptive-bg-inverted-contrast-low-default: var(
5238
- --db-green-bg-inverted-contrast-low-default
5239
- );
5240
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
5241
- --db-green-bg-inverted-contrast-low-hovered
5242
- );
5243
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
5244
- --db-green-bg-inverted-contrast-low-pressed
5245
- );
5246
- /* On Colors */
5247
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
5248
- --db-green-on-bg-basic-emphasis-100-default
5249
- );
5250
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
5251
- --db-green-on-bg-basic-emphasis-100-hovered
5252
- );
5253
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
5254
- --db-green-on-bg-basic-emphasis-100-pressed
5255
- );
5256
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
5257
- --db-green-on-bg-basic-emphasis-90-default
5258
- );
5259
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
5260
- --db-green-on-bg-basic-emphasis-90-hovered
5261
- );
5262
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
5263
- --db-green-on-bg-basic-emphasis-90-pressed
5264
- );
5265
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
5266
- --db-green-on-bg-basic-emphasis-80-default
5267
- );
5268
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
5269
- --db-green-on-bg-basic-emphasis-80-hovered
5270
- );
5271
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
5272
- --db-green-on-bg-basic-emphasis-80-pressed
5273
- );
5274
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
5275
- --db-green-on-bg-basic-emphasis-70-default
5276
- );
5277
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
5278
- --db-green-on-bg-basic-emphasis-70-hovered
5279
- );
5280
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
5281
- --db-green-on-bg-basic-emphasis-70-pressed
5282
- );
5283
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
5284
- --db-green-on-bg-basic-emphasis-60-default
5285
- );
5286
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
5287
- --db-green-on-bg-basic-emphasis-60-hovered
5288
- );
5289
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
5290
- --db-green-on-bg-basic-emphasis-60-pressed
5291
- );
5292
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
5293
- --db-green-on-bg-basic-emphasis-50-default
5294
- );
5295
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
5296
- --db-green-on-bg-basic-emphasis-50-hovered
5297
- );
5298
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
5299
- --db-green-on-bg-basic-emphasis-50-pressed
5300
- );
5301
- /* On Inverted */
5302
- --color-adaptive-on-bg-inverted-default: var(
5303
- --db-green-on-bg-inverted-default
5304
- );
5305
- --color-adaptive-on-bg-inverted-hovered: var(
5306
- --db-green-on-bg-inverted-hovered
5307
- );
5308
- --color-adaptive-on-bg-inverted-pressed: var(
5309
- --db-green-on-bg-inverted-pressed
5310
- );
5311
- /* On Origin */
5312
- --color-adaptive-on-origin-default: var(
5313
- --db-green-on-origin-default
5314
- );
5315
- --color-adaptive-on-origin-hovered: var(
5316
- --db-green-on-origin-hovered
5317
- );
5318
- --color-adaptive-on-origin-pressed: var(
5319
- --db-green-on-origin-pressed
5320
- );
5321
- --color-adaptive-origin-default: var(
5322
- --db-green-origin-default
5323
- );
5324
- --color-adaptive-origin-hovered: var(
5325
- --db-green-origin-hovered
5326
- );
5327
- --color-adaptive-origin-pressed: var(
5328
- --db-green-origin-pressed
5329
- );
5330
- }
5331
- [data-color=light-green],
5332
- .db-color-light-green {
5333
- /* Basic-Level */
5334
- --color-adaptive-bg-basic-level-1-default: var(
5335
- --db-light-green-bg-basic-level-1-default
5336
- );
5337
- --color-adaptive-bg-basic-level-1-hovered: var(
5338
- --db-light-green-bg-basic-level-1-hovered
5339
- );
5340
- --color-adaptive-bg-basic-level-1-pressed: var(
5341
- --db-light-green-bg-basic-level-1-pressed
5342
- );
5343
- --color-adaptive-bg-basic-level-2-default: var(
5344
- --db-light-green-bg-basic-level-2-default
5345
- );
5346
- --color-adaptive-bg-basic-level-2-hovered: var(
5347
- --db-light-green-bg-basic-level-2-hovered
5348
- );
5349
- --color-adaptive-bg-basic-level-2-pressed: var(
5350
- --db-light-green-bg-basic-level-2-pressed
5351
- );
5352
- --color-adaptive-bg-basic-level-3-default: var(
5353
- --db-light-green-bg-basic-level-3-default
5354
- );
5355
- --color-adaptive-bg-basic-level-3-hovered: var(
5356
- --db-light-green-bg-basic-level-3-hovered
5357
- );
5358
- --color-adaptive-bg-basic-level-3-pressed: var(
5359
- --db-light-green-bg-basic-level-3-pressed
5360
- );
5361
- /* Transparent */
5362
- --color-adaptive-bg-basic-transparent-full-default: var(
5363
- --db-light-green-bg-basic-transparent-full-default
5364
- );
5365
- --color-adaptive-bg-basic-transparent-semi-default: var(
5366
- --db-light-green-bg-basic-transparent-semi-default
5367
- );
5368
- --color-adaptive-bg-basic-transparent-full-hovered: var(
5369
- --db-light-green-bg-basic-transparent-full-hovered
5370
- );
5371
- --color-adaptive-bg-basic-transparent-full-pressed: var(
5372
- --db-light-green-bg-basic-transparent-full-pressed
5373
- );
5374
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
5375
- --db-light-green-bg-basic-transparent-semi-hovered
5376
- );
5377
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
5378
- --db-light-green-bg-basic-transparent-semi-pressed
5379
- );
5380
- /* Inverted */
5381
- --color-adaptive-bg-inverted-contrast-max-default: var(
5382
- --db-light-green-bg-inverted-contrast-max-default
5383
- );
5384
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
5385
- --db-light-green-bg-inverted-contrast-max-hovered
5386
- );
5387
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
5388
- --db-light-green-bg-inverted-contrast-max-pressed
5389
- );
5390
- --color-adaptive-bg-inverted-contrast-high-default: var(
5391
- --db-light-green-bg-inverted-contrast-high-default
5392
- );
5393
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
5394
- --db-light-green-bg-inverted-contrast-high-hovered
5395
- );
5396
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
5397
- --db-light-green-bg-inverted-contrast-high-pressed
5398
- );
5399
- --color-adaptive-bg-inverted-contrast-low-default: var(
5400
- --db-light-green-bg-inverted-contrast-low-default
5401
- );
5402
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
5403
- --db-light-green-bg-inverted-contrast-low-hovered
5404
- );
5405
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
5406
- --db-light-green-bg-inverted-contrast-low-pressed
5407
- );
5408
- /* On Colors */
5409
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
5410
- --db-light-green-on-bg-basic-emphasis-100-default
5411
- );
5412
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
5413
- --db-light-green-on-bg-basic-emphasis-100-hovered
5414
- );
5415
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
5416
- --db-light-green-on-bg-basic-emphasis-100-pressed
5417
- );
5418
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
5419
- --db-light-green-on-bg-basic-emphasis-90-default
5420
- );
5421
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
5422
- --db-light-green-on-bg-basic-emphasis-90-hovered
5423
- );
5424
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
5425
- --db-light-green-on-bg-basic-emphasis-90-pressed
5426
- );
5427
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
5428
- --db-light-green-on-bg-basic-emphasis-80-default
5429
- );
5430
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
5431
- --db-light-green-on-bg-basic-emphasis-80-hovered
5432
- );
5433
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
5434
- --db-light-green-on-bg-basic-emphasis-80-pressed
5435
- );
5436
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
5437
- --db-light-green-on-bg-basic-emphasis-70-default
5438
- );
5439
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
5440
- --db-light-green-on-bg-basic-emphasis-70-hovered
5441
- );
5442
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
5443
- --db-light-green-on-bg-basic-emphasis-70-pressed
5444
- );
5445
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
5446
- --db-light-green-on-bg-basic-emphasis-60-default
5447
- );
5448
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
5449
- --db-light-green-on-bg-basic-emphasis-60-hovered
5450
- );
5451
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
5452
- --db-light-green-on-bg-basic-emphasis-60-pressed
5453
- );
5454
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
5455
- --db-light-green-on-bg-basic-emphasis-50-default
5456
- );
5457
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
5458
- --db-light-green-on-bg-basic-emphasis-50-hovered
5459
- );
5460
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
5461
- --db-light-green-on-bg-basic-emphasis-50-pressed
5462
- );
5463
- /* On Inverted */
5464
- --color-adaptive-on-bg-inverted-default: var(
5465
- --db-light-green-on-bg-inverted-default
5466
- );
5467
- --color-adaptive-on-bg-inverted-hovered: var(
5468
- --db-light-green-on-bg-inverted-hovered
5469
- );
5470
- --color-adaptive-on-bg-inverted-pressed: var(
5471
- --db-light-green-on-bg-inverted-pressed
5472
- );
5473
- /* On Origin */
5474
- --color-adaptive-on-origin-default: var(
5475
- --db-light-green-on-origin-default
5476
- );
5477
- --color-adaptive-on-origin-hovered: var(
5478
- --db-light-green-on-origin-hovered
5479
- );
5480
- --color-adaptive-on-origin-pressed: var(
5481
- --db-light-green-on-origin-pressed
5482
- );
5483
- --color-adaptive-origin-default: var(
5484
- --db-light-green-origin-default
5485
- );
5486
- --color-adaptive-origin-hovered: var(
5487
- --db-light-green-origin-hovered
5488
- );
5489
- --color-adaptive-origin-pressed: var(
5490
- --db-light-green-origin-pressed
5491
- );
5492
- }
5493
- [data-color=burgundy],
5494
- .db-color-burgundy {
5495
- /* Basic-Level */
5496
- --color-adaptive-bg-basic-level-1-default: var(
5497
- --db-burgundy-bg-basic-level-1-default
5498
- );
5499
- --color-adaptive-bg-basic-level-1-hovered: var(
5500
- --db-burgundy-bg-basic-level-1-hovered
5501
- );
5502
- --color-adaptive-bg-basic-level-1-pressed: var(
5503
- --db-burgundy-bg-basic-level-1-pressed
5504
- );
5505
- --color-adaptive-bg-basic-level-2-default: var(
5506
- --db-burgundy-bg-basic-level-2-default
5507
- );
5508
- --color-adaptive-bg-basic-level-2-hovered: var(
5509
- --db-burgundy-bg-basic-level-2-hovered
5510
- );
5511
- --color-adaptive-bg-basic-level-2-pressed: var(
5512
- --db-burgundy-bg-basic-level-2-pressed
5513
- );
5514
- --color-adaptive-bg-basic-level-3-default: var(
5515
- --db-burgundy-bg-basic-level-3-default
5516
- );
5517
- --color-adaptive-bg-basic-level-3-hovered: var(
5518
- --db-burgundy-bg-basic-level-3-hovered
5519
- );
5520
- --color-adaptive-bg-basic-level-3-pressed: var(
5521
- --db-burgundy-bg-basic-level-3-pressed
5522
- );
5523
- /* Transparent */
5524
- --color-adaptive-bg-basic-transparent-full-default: var(
5525
- --db-burgundy-bg-basic-transparent-full-default
5526
- );
5527
- --color-adaptive-bg-basic-transparent-semi-default: var(
5528
- --db-burgundy-bg-basic-transparent-semi-default
5529
- );
5530
- --color-adaptive-bg-basic-transparent-full-hovered: var(
5531
- --db-burgundy-bg-basic-transparent-full-hovered
5532
- );
5533
- --color-adaptive-bg-basic-transparent-full-pressed: var(
5534
- --db-burgundy-bg-basic-transparent-full-pressed
5535
- );
5536
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
5537
- --db-burgundy-bg-basic-transparent-semi-hovered
5538
- );
5539
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
5540
- --db-burgundy-bg-basic-transparent-semi-pressed
5541
- );
5542
- /* Inverted */
5543
- --color-adaptive-bg-inverted-contrast-max-default: var(
5544
- --db-burgundy-bg-inverted-contrast-max-default
5545
- );
5546
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
5547
- --db-burgundy-bg-inverted-contrast-max-hovered
5548
- );
5549
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
5550
- --db-burgundy-bg-inverted-contrast-max-pressed
5551
- );
5552
- --color-adaptive-bg-inverted-contrast-high-default: var(
5553
- --db-burgundy-bg-inverted-contrast-high-default
5554
- );
5555
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
5556
- --db-burgundy-bg-inverted-contrast-high-hovered
5557
- );
5558
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
5559
- --db-burgundy-bg-inverted-contrast-high-pressed
5560
- );
5561
- --color-adaptive-bg-inverted-contrast-low-default: var(
5562
- --db-burgundy-bg-inverted-contrast-low-default
5563
- );
5564
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
5565
- --db-burgundy-bg-inverted-contrast-low-hovered
5566
- );
5567
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
5568
- --db-burgundy-bg-inverted-contrast-low-pressed
5569
- );
5570
- /* On Colors */
5571
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
5572
- --db-burgundy-on-bg-basic-emphasis-100-default
5573
- );
5574
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
5575
- --db-burgundy-on-bg-basic-emphasis-100-hovered
5576
- );
5577
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
5578
- --db-burgundy-on-bg-basic-emphasis-100-pressed
5579
- );
5580
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
5581
- --db-burgundy-on-bg-basic-emphasis-90-default
5582
- );
5583
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
5584
- --db-burgundy-on-bg-basic-emphasis-90-hovered
5585
- );
5586
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
5587
- --db-burgundy-on-bg-basic-emphasis-90-pressed
5588
- );
5589
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
5590
- --db-burgundy-on-bg-basic-emphasis-80-default
5591
- );
5592
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
5593
- --db-burgundy-on-bg-basic-emphasis-80-hovered
5594
- );
5595
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
5596
- --db-burgundy-on-bg-basic-emphasis-80-pressed
5597
- );
5598
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
5599
- --db-burgundy-on-bg-basic-emphasis-70-default
5600
- );
5601
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
5602
- --db-burgundy-on-bg-basic-emphasis-70-hovered
5603
- );
5604
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
5605
- --db-burgundy-on-bg-basic-emphasis-70-pressed
5606
- );
5607
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
5608
- --db-burgundy-on-bg-basic-emphasis-60-default
5609
- );
5610
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
5611
- --db-burgundy-on-bg-basic-emphasis-60-hovered
5612
- );
5613
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
5614
- --db-burgundy-on-bg-basic-emphasis-60-pressed
5615
- );
5616
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
5617
- --db-burgundy-on-bg-basic-emphasis-50-default
5618
- );
5619
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
5620
- --db-burgundy-on-bg-basic-emphasis-50-hovered
5621
- );
5622
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
5623
- --db-burgundy-on-bg-basic-emphasis-50-pressed
5624
- );
5625
- /* On Inverted */
5626
- --color-adaptive-on-bg-inverted-default: var(
5627
- --db-burgundy-on-bg-inverted-default
5628
- );
5629
- --color-adaptive-on-bg-inverted-hovered: var(
5630
- --db-burgundy-on-bg-inverted-hovered
5631
- );
5632
- --color-adaptive-on-bg-inverted-pressed: var(
5633
- --db-burgundy-on-bg-inverted-pressed
5634
- );
5635
- /* On Origin */
5636
- --color-adaptive-on-origin-default: var(
5637
- --db-burgundy-on-origin-default
5638
- );
5639
- --color-adaptive-on-origin-hovered: var(
5640
- --db-burgundy-on-origin-hovered
5641
- );
5642
- --color-adaptive-on-origin-pressed: var(
5643
- --db-burgundy-on-origin-pressed
5644
- );
5645
- --color-adaptive-origin-default: var(
5646
- --db-burgundy-origin-default
5647
- );
5648
- --color-adaptive-origin-hovered: var(
5649
- --db-burgundy-origin-hovered
5650
- );
5651
- --color-adaptive-origin-pressed: var(
5652
- --db-burgundy-origin-pressed
5653
- );
5654
- }
5655
- [data-color=adaptive],
5656
- .db-color-adaptive {
5657
- /* Basic-Level */
5658
- --color-adaptive-bg-basic-level-1-default: var(
5659
- --db-adaptive-bg-basic-level-1-default
5660
- );
5661
- --color-adaptive-bg-basic-level-1-hovered: var(
5662
- --db-adaptive-bg-basic-level-1-hovered
5663
- );
5664
- --color-adaptive-bg-basic-level-1-pressed: var(
5665
- --db-adaptive-bg-basic-level-1-pressed
5666
- );
5667
- --color-adaptive-bg-basic-level-2-default: var(
5668
- --db-adaptive-bg-basic-level-2-default
5669
- );
5670
- --color-adaptive-bg-basic-level-2-hovered: var(
5671
- --db-adaptive-bg-basic-level-2-hovered
5672
- );
5673
- --color-adaptive-bg-basic-level-2-pressed: var(
5674
- --db-adaptive-bg-basic-level-2-pressed
5675
- );
5676
- --color-adaptive-bg-basic-level-3-default: var(
5677
- --db-adaptive-bg-basic-level-3-default
5678
- );
5679
- --color-adaptive-bg-basic-level-3-hovered: var(
5680
- --db-adaptive-bg-basic-level-3-hovered
5681
- );
5682
- --color-adaptive-bg-basic-level-3-pressed: var(
5683
- --db-adaptive-bg-basic-level-3-pressed
5684
- );
5685
- /* Transparent */
5686
- --color-adaptive-bg-basic-transparent-full-default: var(
5687
- --db-adaptive-bg-basic-transparent-full-default
5688
- );
5689
- --color-adaptive-bg-basic-transparent-semi-default: var(
5690
- --db-adaptive-bg-basic-transparent-semi-default
5691
- );
5692
- --color-adaptive-bg-basic-transparent-full-hovered: var(
5693
- --db-adaptive-bg-basic-transparent-full-hovered
5694
- );
5695
- --color-adaptive-bg-basic-transparent-full-pressed: var(
5696
- --db-adaptive-bg-basic-transparent-full-pressed
5697
- );
5698
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
5699
- --db-adaptive-bg-basic-transparent-semi-hovered
5700
- );
5701
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
5702
- --db-adaptive-bg-basic-transparent-semi-pressed
5703
- );
5704
- /* Inverted */
5705
- --color-adaptive-bg-inverted-contrast-max-default: var(
5706
- --db-adaptive-bg-inverted-contrast-max-default
5707
- );
5708
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
5709
- --db-adaptive-bg-inverted-contrast-max-hovered
5710
- );
5711
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
5712
- --db-adaptive-bg-inverted-contrast-max-pressed
5713
- );
5714
- --color-adaptive-bg-inverted-contrast-high-default: var(
5715
- --db-adaptive-bg-inverted-contrast-high-default
5716
- );
5717
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
5718
- --db-adaptive-bg-inverted-contrast-high-hovered
5719
- );
5720
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
5721
- --db-adaptive-bg-inverted-contrast-high-pressed
5722
- );
5723
- --color-adaptive-bg-inverted-contrast-low-default: var(
5724
- --db-adaptive-bg-inverted-contrast-low-default
5725
- );
5726
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
5727
- --db-adaptive-bg-inverted-contrast-low-hovered
5728
- );
5729
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
5730
- --db-adaptive-bg-inverted-contrast-low-pressed
5731
- );
5732
- /* On Colors */
5733
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
5734
- --db-adaptive-on-bg-basic-emphasis-100-default
5735
- );
5736
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
5737
- --db-adaptive-on-bg-basic-emphasis-100-hovered
5738
- );
5739
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
5740
- --db-adaptive-on-bg-basic-emphasis-100-pressed
5741
- );
5742
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
5743
- --db-adaptive-on-bg-basic-emphasis-90-default
5744
- );
5745
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
5746
- --db-adaptive-on-bg-basic-emphasis-90-hovered
5747
- );
5748
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
5749
- --db-adaptive-on-bg-basic-emphasis-90-pressed
5750
- );
5751
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
5752
- --db-adaptive-on-bg-basic-emphasis-80-default
5753
- );
5754
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
5755
- --db-adaptive-on-bg-basic-emphasis-80-hovered
5756
- );
5757
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
5758
- --db-adaptive-on-bg-basic-emphasis-80-pressed
5759
- );
5760
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
5761
- --db-adaptive-on-bg-basic-emphasis-70-default
5762
- );
5763
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
5764
- --db-adaptive-on-bg-basic-emphasis-70-hovered
5765
- );
5766
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
5767
- --db-adaptive-on-bg-basic-emphasis-70-pressed
5768
- );
5769
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
5770
- --db-adaptive-on-bg-basic-emphasis-60-default
5771
- );
5772
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
5773
- --db-adaptive-on-bg-basic-emphasis-60-hovered
5774
- );
5775
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
5776
- --db-adaptive-on-bg-basic-emphasis-60-pressed
5777
- );
5778
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
5779
- --db-adaptive-on-bg-basic-emphasis-50-default
5780
- );
5781
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
5782
- --db-adaptive-on-bg-basic-emphasis-50-hovered
5783
- );
5784
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
5785
- --db-adaptive-on-bg-basic-emphasis-50-pressed
5786
- );
5787
- /* On Inverted */
5788
- --color-adaptive-on-bg-inverted-default: var(
5789
- --db-adaptive-on-bg-inverted-default
5790
- );
5791
- --color-adaptive-on-bg-inverted-hovered: var(
5792
- --db-adaptive-on-bg-inverted-hovered
5793
- );
5794
- --color-adaptive-on-bg-inverted-pressed: var(
5795
- --db-adaptive-on-bg-inverted-pressed
5796
- );
5797
- /* On Origin */
5798
- --color-adaptive-on-origin-default: var(
5799
- --db-adaptive-on-origin-default
5800
- );
5801
- --color-adaptive-on-origin-hovered: var(
5802
- --db-adaptive-on-origin-hovered
5803
- );
5804
- --color-adaptive-on-origin-pressed: var(
5805
- --db-adaptive-on-origin-pressed
5806
- );
5807
- --color-adaptive-origin-default: var(
5808
- --db-adaptive-origin-default
5809
- );
5810
- --color-adaptive-origin-hovered: var(
5811
- --db-adaptive-origin-hovered
5812
- );
5813
- --color-adaptive-origin-pressed: var(
5814
- --db-adaptive-origin-pressed
5815
- );
5816
- }
5817
- }