@amboss/design-system 3.41.0 → 3.41.1

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 (99) hide show
  1. package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
  2. package/build/cjs/components/Callout/Callout.js +1 -1
  3. package/build/cjs/components/Content/ContentBox/ContentBox.js +1 -1
  4. package/build/cjs/components/Form/Combobox/constants.js +1 -1
  5. package/build/cjs/components/Form/SearchInput/SearchInput.js +1 -1
  6. package/build/cjs/components/Form/SegmentedControl/SegmentedControl.js +1 -1
  7. package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
  8. package/build/cjs/components/Icon/Icon.d.ts +2 -2
  9. package/build/cjs/components/Icon/Icon.js +1 -1
  10. package/build/cjs/components/Logo/Logo.js +1 -1
  11. package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.js +1 -1
  12. package/build/cjs/components/SplashCardMedia/SplashCardMedia.js +1 -1
  13. package/build/cjs/components/SubThemeProvider/SubThemeProvider.d.ts +1 -1
  14. package/build/cjs/components/Toggletip/BasePopover.js +1 -1
  15. package/build/cjs/components/Tooltip/TooltipContent.d.ts +1 -1
  16. package/build/cjs/components/Tooltip/TooltipContent.js +1 -1
  17. package/build/cjs/index.d.ts +1 -1
  18. package/build/cjs/index.js +1 -1
  19. package/build/cjs/shared/mediaQueries.js +1 -1
  20. package/build/cjs/shared/useBreakpoints.js +1 -1
  21. package/build/cjs/web-tokens/_subThemeType.d.ts +1 -0
  22. package/build/cjs/web-tokens/_subThemeType.js +1 -0
  23. package/build/cjs/web-tokens/visualConfig.d.ts +1765 -0
  24. package/build/cjs/web-tokens/visualConfig.js +1 -0
  25. package/build/cjs/web-tokens/web-tokens/scss/_dark.scss +268 -0
  26. package/build/cjs/web-tokens/web-tokens/scss/_light.scss +268 -0
  27. package/build/cjs/web-tokens/web-tokens/scss/_theming.scss +32 -0
  28. package/build/cjs/web-tokens/web-tokens/scss/_variables.scss +380 -0
  29. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_ai.scss +27 -0
  30. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_brand.scss +93 -0
  31. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_brandSubtle.scss +25 -0
  32. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_dimmed.scss +125 -0
  33. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_dimmedSubtle.scss +31 -0
  34. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_error.scss +119 -0
  35. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_index.scss +9 -0
  36. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_info.scss +121 -0
  37. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_inverted.scss +121 -0
  38. package/build/cjs/web-tokens/web-tokens/scss/subthemes/_success.scss +117 -0
  39. package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
  40. package/build/esm/components/Callout/Callout.js +1 -1
  41. package/build/esm/components/Content/ContentBox/ContentBox.js +1 -1
  42. package/build/esm/components/Form/Combobox/constants.js +1 -1
  43. package/build/esm/components/Form/SearchInput/SearchInput.js +1 -1
  44. package/build/esm/components/Form/SegmentedControl/SegmentedControl.js +1 -1
  45. package/build/esm/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
  46. package/build/esm/components/Icon/Icon.d.ts +2 -2
  47. package/build/esm/components/Icon/Icon.js +1 -1
  48. package/build/esm/components/Logo/Logo.js +1 -1
  49. package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.js +1 -1
  50. package/build/esm/components/SplashCardMedia/SplashCardMedia.js +1 -1
  51. package/build/esm/components/SubThemeProvider/SubThemeProvider.d.ts +1 -1
  52. package/build/esm/components/Toggletip/BasePopover.js +1 -1
  53. package/build/esm/components/Tooltip/TooltipContent.d.ts +1 -1
  54. package/build/esm/components/Tooltip/TooltipContent.js +1 -1
  55. package/build/esm/index.d.ts +1 -1
  56. package/build/esm/index.js +1 -1
  57. package/build/esm/shared/mediaQueries.js +1 -1
  58. package/build/esm/shared/useBreakpoints.js +1 -1
  59. package/build/esm/web-tokens/_subThemeType.d.ts +1 -0
  60. package/build/esm/web-tokens/_subThemeType.js +1 -0
  61. package/build/esm/web-tokens/visualConfig.d.ts +1765 -0
  62. package/build/esm/web-tokens/visualConfig.js +1 -0
  63. package/build/esm/web-tokens/web-tokens/scss/_dark.scss +268 -0
  64. package/build/esm/web-tokens/web-tokens/scss/_light.scss +268 -0
  65. package/build/esm/web-tokens/web-tokens/scss/_theming.scss +32 -0
  66. package/build/esm/web-tokens/web-tokens/scss/_variables.scss +380 -0
  67. package/build/esm/web-tokens/web-tokens/scss/subthemes/_ai.scss +27 -0
  68. package/build/esm/web-tokens/web-tokens/scss/subthemes/_brand.scss +93 -0
  69. package/build/esm/web-tokens/web-tokens/scss/subthemes/_brandSubtle.scss +25 -0
  70. package/build/esm/web-tokens/web-tokens/scss/subthemes/_dimmed.scss +125 -0
  71. package/build/esm/web-tokens/web-tokens/scss/subthemes/_dimmedSubtle.scss +31 -0
  72. package/build/esm/web-tokens/web-tokens/scss/subthemes/_error.scss +119 -0
  73. package/build/esm/web-tokens/web-tokens/scss/subthemes/_index.scss +9 -0
  74. package/build/esm/web-tokens/web-tokens/scss/subthemes/_info.scss +121 -0
  75. package/build/esm/web-tokens/web-tokens/scss/subthemes/_inverted.scss +121 -0
  76. package/build/esm/web-tokens/web-tokens/scss/subthemes/_success.scss +117 -0
  77. package/package.json +2 -2
  78. /package/build/cjs/web-tokens/{_breakpoints.json → web-tokens/_breakpoints.json} +0 -0
  79. /package/build/cjs/web-tokens/{_colors.json → web-tokens/_colors.json} +0 -0
  80. /package/build/cjs/web-tokens/{_icon_sizes_map.json → web-tokens/_icon_sizes_map.json} +0 -0
  81. /package/build/cjs/web-tokens/{_opacity.json → web-tokens/_opacity.json} +0 -0
  82. /package/build/cjs/web-tokens/{_sizes.json → web-tokens/_sizes.json} +0 -0
  83. /package/build/cjs/web-tokens/{_subThemeType.ts → web-tokens/_subThemeType.ts} +0 -0
  84. /package/build/cjs/web-tokens/{_zindex.json → web-tokens/_zindex.json} +0 -0
  85. /package/build/cjs/web-tokens/{assets → web-tokens/assets}/icons.json +0 -0
  86. /package/build/cjs/web-tokens/{assets → web-tokens/assets}/icons16.json +0 -0
  87. /package/build/cjs/web-tokens/{assets → web-tokens/assets}/logo.json +0 -0
  88. /package/build/cjs/web-tokens/{visualConfig.ts → web-tokens/visualConfig.ts} +0 -0
  89. /package/build/esm/web-tokens/{_breakpoints.json → web-tokens/_breakpoints.json} +0 -0
  90. /package/build/esm/web-tokens/{_colors.json → web-tokens/_colors.json} +0 -0
  91. /package/build/esm/web-tokens/{_icon_sizes_map.json → web-tokens/_icon_sizes_map.json} +0 -0
  92. /package/build/esm/web-tokens/{_opacity.json → web-tokens/_opacity.json} +0 -0
  93. /package/build/esm/web-tokens/{_sizes.json → web-tokens/_sizes.json} +0 -0
  94. /package/build/esm/web-tokens/{_subThemeType.ts → web-tokens/_subThemeType.ts} +0 -0
  95. /package/build/esm/web-tokens/{_zindex.json → web-tokens/_zindex.json} +0 -0
  96. /package/build/esm/web-tokens/{assets → web-tokens/assets}/icons.json +0 -0
  97. /package/build/esm/web-tokens/{assets → web-tokens/assets}/icons16.json +0 -0
  98. /package/build/esm/web-tokens/{assets → web-tokens/assets}/logo.json +0 -0
  99. /package/build/esm/web-tokens/{visualConfig.ts → web-tokens/visualConfig.ts} +0 -0
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"1024px"},divider:{m:"16px",l:"24px",xl:"32px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px",full:"9999px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625,xxxl:1.714286}},animation:{timingFunction:"ease-in-out",duration:{slow:"300ms",medium:"200ms",fast:"100ms"},modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},toast:{entry:{duration:"300ms",distanceY:"20px"},exit:{duration:"100ms",distanceY:"20px"}},navBarTabButton:{open:{duration:"150ms",delay:"150ms",timingFunction:"ease-out"}},navSlide:{open:{duration:"300ms",timingFunction:"ease-in-out"}},promptInput:{focus:{duration:"150ms",timingFunction:"ease-in-out"}},animatedBorder:{rotation:{duration:"4000ms",timingFunction:"ease-in-out"},fadeOut:{duration:"300ms",timingFunction:"cubic-bezier(0.4,0,0.2,1)"}}},breakpoint:{s:576,m:768,l:1024,xl:1280,xxl:1536},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"#233d3d",blue:"#29364c",yellow:"#4d412c",brand:"#223c44",purple:"#471a95",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},borderSubtle:{default:"#393e47",green:"rgba(255, 255, 255, 0.08)",blue:"rgba(255, 255, 255, 0.08)",yellow:"rgba(255, 255, 255, 0.08)",brand:"rgba(255, 255, 255, 0.08)",purple:"rgba(255, 255, 255, 0.08)",red:"rgba(255, 255, 255, 0.08)",gray:"rgba(255, 255, 255, 0.08)"}},avatar:{border:{default:"#1a1c1c"}},colorIndicator:{brand:{default:"#1d6670"},gray:{default:"#5b5f67"},purple:{default:"#6d37c8"},blue:{default:"#2f538a"},green:{default:"#28816b"},yellow:{default:"#a4792d"},red:{default:"#a45355"},neonBlue:{default:"#015e7d"},neonGreen:{default:"#347832"},neonPink:{default:"#bf2c9a"}},contentBox:{border:{info:"#4e76b1",error:"#b25d5e",success:"#28816b",warning:"#aa7923"}},dosageIcon:{default:"#9369ff",hover:"#c1acff"},toggle:{background:{default:"#7b8e9d",highlight:"#b2ab39"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#d8dade",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},skeletonLoader:{background:{container:"#1a1c1c",element:"#282c34",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#223c44"},errorSubtle:{default:"#4d3237"},successSubtle:{default:"#233d3d"},infoSubtle:{default:"#29364c"},warningSubtle:{default:"#4d412c"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d",customGreen:"#347832",customPink:"#bf2c9a"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47",hover:"#40454f"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#b9bcc3",hover:"#ced1d6"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},quaternary:{default:"#757a84",hover:"#93979f"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.3)"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a",hover:"#a6f2dd"},brand:{default:"#2db5c6",hover:"#80dfea"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)",hover:"#757a84",active:"#93979f"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"},successSubtle:{default:"#28816b"},errorSubtle:{default:"#a45355"},infoSubtle:{default:"#2f538a"},warningSubtle:{default:"#a4792d"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"},content:{icon:{physician:{default:"#6e95cf",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},text:{physician:{default:"#99c1fa",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#93979f",hover:"#b9bcc3"}},textUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},textDottedUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#b9bcc3",hover:"#ced1d6"}},referenceButton:{background:{default:"#32363e",hover:"#40454f",active:"#5b5f67"}},dosageButton:{background:{default:"#471a95",hover:"#6d37c8"},text:{default:"#ddd7fd",hover:"#ffffff"}},table:{row:{hover:"rgba(29, 102, 112, 0.2)"}}},splashCard:{text:{accent:{default:"#2db5c6"}},background:{hover:"#1d6670"}}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#ddd7fd"}},background:{accent:{default:"#471a95",hover:"#6d37c8",active:"#471a95",disabled:"rgba(109, 55, 200, 0.3)"},accentSubtle:{default:"#2f1c4f"}},icon:{accent:{default:"#9369ff"}},border:{accent:{default:"#9369ff"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#80dfea"},error:{default:"#fee7e7"},info:{default:"#e7effe"},onAccent:{default:"#1d6670"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"}},background:{primary:{default:"#1d6670"},secondary:{default:"#223c44"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#223c44"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"}},icon:{primary:{default:"#ced1d6"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},brand:{default:"#ced1d6"},accent:{default:"#2db5c6"},error:{default:"#d07c7c"},onAccent:{default:"#1a1c1c"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"#223c44"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#80dfea"}},toggle:{background:{default:"#223c44"},thumb:{background:{off:"#ffffff",on:"#1d6670"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#223c44"}},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},secondary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#2db5c6"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#282c34"},secondary:{default:"rgba(255, 255, 255, 0.08)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#40454f"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#d8dade"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#e7effe"},success:{default:"#e2fef7"},warning:{default:"#fef3e1",hover:"#fef3e1"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#eef2f5"},brand:{default:"#ced1d6"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},onAccent:{default:"#1a1c1c",hover:"#ffffff"},error:{default:"#ed5554",hover:"#f07575"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbac76",hover:"#cbac76"}},border:{primary:{default:"#a3b2bd",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"#111111"}},colorIndicator:{brand:{default:"#2db5c6"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#5b5f67"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#40454f"}},border:{accent:{default:"#a3b2bd"}},divider:{secondary:"rgba(255, 255, 255, 0.3)"},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"rgba(255, 255, 255, 0.8)"},secondary:{default:"rgba(255, 255, 255, 0.65)"}},icon:{accent:{default:"rgba(255, 255, 255, 0.8)"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#4d3237",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#4d3237"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#dd3637"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#a45355"}}}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#282e39",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},accentSubtle:{default:"#282e39"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#295dae"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf",hover:"#d2e2f9"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#29364c"}}}}},inverted:{color:{background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#e7f6f8"},transparent:{hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#c02725"},info:{default:"#1c427d"},warning:{default:"#314554",hover:"#314554"},success:{default:"#0a5c45"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:{default:"#1e2125",hover:"#1e2125"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#5b5f67"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#295dae",hover:"#282e39"},error:{default:"#dd3637",hover:"#312b31"},warning:{default:"#df9411",hover:"#df9411"},success:{default:"#0b8363"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"},searchInput:{background:{default:"#eef2f5"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"rgba(0, 0, 0, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#262e33",hover:"#233d3d"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#99c1fa"},success:{default:"#a6f2dd"},warning:{default:"#fae0b3",hover:"#fae0b3"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#28816b"}}}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#edeafd",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#6934c4",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#8a61f1",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#ddd7fd",red:"#fad1d1",gray:"#e0e6eb"}},avatar:{border:{default:"#ffffff"}},colorIndicator:{brand:{default:"#0aa6b8"},gray:{default:"#5a7183"},purple:{default:"#8a61f1"},blue:{default:"#1f6ce0"},green:{default:"#0fa980"},yellow:{default:"#df9411"},red:{default:"#ed5554"},neonBlue:{default:"#99e6ff"},neonGreen:{default:"#a7ffa1"},neonPink:{default:"#feb2ea"}},contentBox:{border:{info:"#9ac1fc",error:"#f7b1b1",success:"#8adcc6",warning:"#f4cb81"}},dosageIcon:{default:"#8a61f1",hover:"#6934c4"},toggle:{background:{default:"#7b8e9d",highlight:"#f3eb75"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#5a7183",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dd3637"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#5a7183"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dd3637"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},skeletonLoader:{background:{container:"#e0e6eb",element:"#e0e6eb",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},error:{default:"#dd3637",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff",customGreen:"#a7ffa1",customPink:"#feb2ea"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#5a7183",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb",hover:"#a3b2bd"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#7b8e9d",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)",hover:"#a3b2bd",active:"#5a7183"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"},successSubtle:{default:"#8adcc6"},errorSubtle:{default:"#f07575"},infoSubtle:{default:"#6e95cf"},warningSubtle:{default:"#f6c66f"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"},content:{icon:{physician:{default:"#295dae",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},text:{physician:{default:"#1c427d",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#1a1c1c"}},textUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},textDottedUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#40515e"}},referenceButton:{background:{default:"#e0e6eb",hover:"#bdc9d1",active:"#a3b2bd"}},dosageButton:{background:{default:"#edeafd",hover:"#ddd7fd"},text:{default:"#6934c4",hover:"#6934c4"}},table:{row:{hover:"rgba(10, 166, 184, 0.05)"}}},splashCard:{text:{accent:{default:"#054f57"}},background:{hover:"#054f57"}}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#5325a2"}},background:{accent:{default:"#6934c4",hover:"#5325a2",active:"#5325a2",disabled:"rgba(105, 52, 196, 0.3)"},accentSubtle:{default:"#edeafd"}},icon:{accent:{default:"#6934c4"}},border:{accent:{default:"#6934c4"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#85d3dc"},onAccent:{default:"#054f57"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},background:{primary:{default:"#054f57"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#047a88"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"}},icon:{primary:{default:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)"},brand:{default:"#ffffff"},accent:{default:"#85d3dc"},error:{default:"#f07575"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"},onAccent:{default:"#ffffff"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#054f57"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#e7f6f8"}},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#047a88"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"rgba(0, 0, 0, 0.3)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#262f36"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#a3b2bd"},brand:{default:"#ffffff"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#40515e"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#ffffff"}},border:{accent:{default:"#314554"}},divider:{secondary:"rgba(163, 178, 189, 0.3)"},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#314554"}},icon:{accent:{default:"#314554"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#c02725",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#c02725"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#c02725"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#dd3637"}}}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"#1c427d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#1c427d"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ffffff"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#1c427d"},info:{default:"#d2e2f9",hover:"#6e95cf"},error:{default:"#ffffff",hover:"#dd3637"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#1c427d"},thumb:{background:{off:"#ffffff",on:"#295dae"}}}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#262f36"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(0, 0, 0, 0.3)"},backdrop:{default:"rgba(255, 255, 255, 0.65)"}},text:{primary:{default:"#ced1d6",hover:"#ced1d6"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#b9bcc3",hover:"#ced1d6"},accent:{default:"#2db5c6",hover:"#1d6670"},onAccent:{default:"#ffffff"},error:{default:"#f49a9a"},info:{default:"#99c1fa"},warning:{default:"#fae0b3",hover:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3"},accent:{default:"#223c44"}},divider:{primary:"rgba(163, 178, 189, 0.3)"},searchInput:{background:{default:"#32363e"}},colorIndicator:{brand:{default:"#1d6670"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},success:{color:{background:{primary:{default:"#0b8363"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#0a5c45"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45",hover:"#0a5c45"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#0a5c45"},thumb:{background:{off:"#ffffff",on:"#0b8363"}}}}}}}}};
@@ -0,0 +1,268 @@
1
+ @mixin ds-theme-dark {
2
+ & {
3
+ --color-badge-background: rgba(255, 255, 255, 0);
4
+ --color-badge-background-green: #233d3d;
5
+ --color-badge-background-blue: #29364c;
6
+ --color-badge-background-yellow: #4d412c;
7
+ --color-badge-background-brand: #223c44;
8
+ --color-badge-background-purple: #471a95;
9
+ --color-badge-background-red: #4d3237;
10
+ --color-badge-background-gray: #282c34;
11
+ --color-badge-foreground: #ced1d6;
12
+ --color-badge-foreground-green: #a6f2dd;
13
+ --color-badge-foreground-blue: #99c1fa;
14
+ --color-badge-foreground-yellow: #fae0b3;
15
+ --color-badge-foreground-brand: #80dfea;
16
+ --color-badge-foreground-purple: #c1acff;
17
+ --color-badge-foreground-red: #f49a9a;
18
+ --color-badge-foreground-gray: #ced1d6;
19
+ --color-badge-border: #393e47;
20
+ --color-badge-border-green: #a6f2dd;
21
+ --color-badge-border-blue: #99c1fa;
22
+ --color-badge-border-yellow: #fae0b3;
23
+ --color-badge-border-brand: #80dfea;
24
+ --color-badge-border-purple: #c1acff;
25
+ --color-badge-border-red: #f49a9a;
26
+ --color-badge-border-gray: #ced1d6;
27
+ --color-badge-borderSubtle: #393e47;
28
+ --color-badge-borderSubtle-green: rgba(255, 255, 255, 0.08);
29
+ --color-badge-borderSubtle-blue: rgba(255, 255, 255, 0.08);
30
+ --color-badge-borderSubtle-yellow: rgba(255, 255, 255, 0.08);
31
+ --color-badge-borderSubtle-brand: rgba(255, 255, 255, 0.08);
32
+ --color-badge-borderSubtle-purple: rgba(255, 255, 255, 0.08);
33
+ --color-badge-borderSubtle-red: rgba(255, 255, 255, 0.08);
34
+ --color-badge-borderSubtle-gray: rgba(255, 255, 255, 0.08);
35
+ --color-avatar-border: #1a1c1c;
36
+ --color-color-indicator-brand: #1d6670;
37
+ --color-color-indicator-gray: #5b5f67;
38
+ --color-color-indicator-purple: #6d37c8;
39
+ --color-color-indicator-blue: #2f538a;
40
+ --color-color-indicator-green: #28816b;
41
+ --color-color-indicator-yellow: #a4792d;
42
+ --color-color-indicator-red: #a45355;
43
+ --color-color-indicator-neonBlue: #015e7d;
44
+ --color-color-indicator-neonGreen: #347832;
45
+ --color-color-indicator-neonPink: #bf2c9a;
46
+ --color-content-box-border-info: #4e76b1;
47
+ --color-content-box-border-error: #b25d5e;
48
+ --color-content-box-border-success: #28816b;
49
+ --color-content-box-border-warning: #aa7923;
50
+ --color-dosage-icon-default: #9369ff;
51
+ --color-dosage-icon-hover: #c1acff;
52
+ --color-toggle-background: #7b8e9d;
53
+ --color-toggle-background-highlight: #b2ab39;
54
+ --color-toggle-thumb-background-off: #ffffff;
55
+ --color-toggle-thumb-background-on: #ffffff;
56
+ --color-toggle-border-highlight: #b2ab39;
57
+ --color-segmented-progress-bar-monochrome: #ced1d6;
58
+ --color-segmented-progress-bar-success: #28816b;
59
+ --color-segmented-progress-bar-warning: #a4792d;
60
+ --color-segmented-progress-bar-alert: #a45355;
61
+ --color-segmented-progress-bar-in-progress: #5b5f67;
62
+ --color-tag-background-gray: #5b5f67;
63
+ --color-tag-background-blue: #2f538a;
64
+ --color-tag-text-gray: #d8dade;
65
+ --color-tag-text-blue: #e7effe;
66
+ --color-destructive-tertiary-button-background-hover: rgba(164, 83, 85, 0.08);
67
+ --color-destructive-tertiary-button-background-active: rgba(164, 83, 85, 0.08);
68
+ --color-range-input-background-thumb-default: #d8dade;
69
+ --color-search-input-background: #32363e;
70
+ --color-qbank-answer-background-title-correct-default: #233d3d;
71
+ --color-qbank-answer-background-title-correct-hover: rgba(40, 129, 107, 0.45);
72
+ --color-qbank-answer-background-title-correct-with-hint-default: #4d412c;
73
+ --color-qbank-answer-background-title-correct-with-hint-hover: rgba(164, 121, 45, 0.45);
74
+ --color-qbank-answer-background-title-incorrect-default: #4d3237;
75
+ --color-qbank-answer-background-title-incorrect-hover: rgba(164, 83, 85, 0.45);
76
+ --color-qbank-answer-background-explanation-correct-default: #262e33;
77
+ --color-qbank-answer-background-explanation-correct-with-hint-default: #32302f;
78
+ --color-qbank-answer-background-explanation-incorrect-default: #312b31;
79
+ --color-qbank-answer-border-correct-default: #28816b;
80
+ --color-qbank-answer-border-correct-with-hint-default: #a4792d;
81
+ --color-qbank-answer-border-incorrect-default: #a45355;
82
+ --color-chart-border: #5b5f67;
83
+ --color-chart-grid-primary-default: rgba(147, 149, 159, 0.3);
84
+ --color-chart-grid-secondary-default: rgba(147, 149, 159, 0.3);
85
+ --color-chart-background: #1a1c1c;
86
+ --color-chart-background-inverted: #ffffff;
87
+ --color-chart-text-positive-default: #a6f2dd;
88
+ --color-chart-text-negative-default: #f49a9a;
89
+ --color-chart-text-warning-default: #a4792d;
90
+ --color-chart-neutral: #5b5f67;
91
+ --color-chart-neutral-subtle: #1e2125;
92
+ --color-chart-neutral-bold: #93979f;
93
+ --color-chart-positive: #41a48a;
94
+ --color-chart-positive-subtle: #262e33;
95
+ --color-chart-positive-bold: #a6f2dd;
96
+ --color-chart-warning: #cbac76;
97
+ --color-chart-warning-subtle: #32302f;
98
+ --color-chart-warning-bold: #fae0b3;
99
+ --color-chart-negative: #d07c7c;
100
+ --color-chart-negative-subtle: #312b31;
101
+ --color-chart-negative-bold: #f49a9a;
102
+ --color-chart-info: #6e95cf;
103
+ --color-chart-info-subtle: #282e39;
104
+ --color-chart-info-bold: #99c1fa;
105
+ --color-chart-accent: #0aa6b8;
106
+ --color-chart-accent-subtle: #262f36;
107
+ --color-chart-accent-bold: #80dfea;
108
+ --color-media-item-background-black: #000000;
109
+ --color-media-item-background-white: #ffffff;
110
+ --color-media-item-background-transparent: rgba(255, 255, 255, 0);
111
+ --color-media-item-overlay-hover: rgba(0, 0, 0, 0.3);
112
+ --color-media-item-overlay-active: rgba(0, 0, 0, 0.6);
113
+ --color-media-item-category-icon-background-default: #32363e;
114
+ --color-skeletonLoader-background-container: #1a1c1c;
115
+ --color-skeletonLoader-background-element: #282c34;
116
+ --color-skeletonLoader-background-shimmer: rgba(255, 255, 255, 0.08);
117
+ --color-canvas: #111111;
118
+ --color-background-primary: #1a1c1c;
119
+ --color-background-secondary: #24282d;
120
+ --color-background-secondary-hover: #282c34;
121
+ --color-background-secondary-active: #1e2125;
122
+ --color-background-accent: #1d6670;
123
+ --color-background-accent-hover: #2db5c6;
124
+ --color-background-accent-active: #223c44;
125
+ --color-background-accent-disabled: rgba(29, 102, 112, 0.3);
126
+ --color-background-elevated: #24282d;
127
+ --color-background-onAccent: #ffffff;
128
+ --color-background-onAccent-hover: #ffffff;
129
+ --color-background-onAccent-active: #ffffff;
130
+ --color-background-onAccent-disabled: rgba(255, 255, 255, 0.65);
131
+ --color-background-error: #a45355;
132
+ --color-background-error-hover: #d07c7c;
133
+ --color-background-error-active: #4d3237;
134
+ --color-background-error-disabled: rgba(164, 83, 85, 0.3);
135
+ --color-background-success: #28816b;
136
+ --color-background-info: #2f538a;
137
+ --color-background-warning: #a4792d;
138
+ --color-background-accentSubtle: #223c44;
139
+ --color-background-errorSubtle: #4d3237;
140
+ --color-background-successSubtle: #233d3d;
141
+ --color-background-infoSubtle: #29364c;
142
+ --color-background-warningSubtle: #4d412c;
143
+ --color-background-textHighlight-primary: rgba(178, 171, 57, 0.45);
144
+ --color-background-textHighlight-secondary: #494a2f;
145
+ --color-background-textHighlight-find: rgba(178, 171, 57, 0.6);
146
+ --color-background-textHighlight-learningRadar: #f07575;
147
+ --color-background-textHighlight-qbankKeyInfo: #a4792d;
148
+ --color-background-textHighlight-relevancePrimary: #233d3d;
149
+ --color-background-textHighlight-relevanceSecondary: rgba(35, 61, 61, 0.8);
150
+ --color-background-textHighlight-customBlue: #015e7d;
151
+ --color-background-textHighlight-customGreen: #347832;
152
+ --color-background-textHighlight-customPink: #bf2c9a;
153
+ --color-background-contrast: #ced1d6;
154
+ --color-background-transparent: rgba(255, 255, 255, 0);
155
+ --color-background-transparent-selected: #40454f;
156
+ --color-background-transparent-hover: rgba(147, 149, 159, 0.15);
157
+ --color-background-transparent-active: rgba(147, 151, 159, 0.08);
158
+ --color-background-transparent-selectedHover: #393e47;
159
+ --color-background-placeholder: #393e47;
160
+ --color-background-placeholder-hover: #40454f;
161
+ --color-background-backdrop: rgba(0, 0, 0, 0.6);
162
+ --color-text-primary: #ced1d6;
163
+ --color-text-primary-hover: #ffffff;
164
+ --color-text-secondary: #b9bcc3;
165
+ --color-text-secondary-hover: #ced1d6;
166
+ --color-text-tertiary: #93979f;
167
+ --color-text-tertiary-disabled: rgba(216, 218, 222, 0.3);
168
+ --color-text-tertiary-hover: #b9bcc3;
169
+ --color-text-quaternary: #757a84;
170
+ --color-text-accent: #2db5c6;
171
+ --color-text-accent-hover: #80dfea;
172
+ --color-text-onAccent: #ffffff;
173
+ --color-text-onAccent-disabled: rgba(216, 218, 222, 0.3);
174
+ --color-text-onAccentSubtle: rgba(255, 255, 255, 0.65);
175
+ --color-text-info: #99c1fa;
176
+ --color-text-error: #f49a9a;
177
+ --color-text-error-disabled: rgba(244, 154, 154, 0.3);
178
+ --color-text-warning: #fae0b3;
179
+ --color-text-success: #a6f2dd;
180
+ --color-text-underline: #757a84;
181
+ --color-text-underline-hover: #93979f;
182
+ --color-text-dottedUnderline: #b9bcc3;
183
+ --color-text-dottedUnderline-hover: #ced1d6;
184
+ --color-icon-primary: #d8dade;
185
+ --color-icon-primary-hover: #d8dade;
186
+ --color-icon-secondary: #ced1d6;
187
+ --color-icon-secondary-hover: #d8dade;
188
+ --color-icon-tertiary: #93979f;
189
+ --color-icon-tertiary-hover: #b9bcc3;
190
+ --color-icon-quaternary: #757a84;
191
+ --color-icon-quaternary-hover: #93979f;
192
+ --color-icon-accent: #2db5c6;
193
+ --color-icon-accent-hover: #80dfea;
194
+ --color-icon-onAccent: #ffffff;
195
+ --color-icon-onAccent-hover: #ffffff;
196
+ --color-icon-onAccentSubtle: rgba(255, 255, 255, 0.65);
197
+ --color-icon-onAccentSubtle-hover: rgba(255, 255, 255, 0.3);
198
+ --color-icon-info: #6e95cf;
199
+ --color-icon-info-hover: #99c1fa;
200
+ --color-icon-error: #d07c7c;
201
+ --color-icon-error-hover: #f49a9a;
202
+ --color-icon-warning: #cbac76;
203
+ --color-icon-warning-hover: #fae0b3;
204
+ --color-icon-success: #41a48a;
205
+ --color-icon-success-hover: #a6f2dd;
206
+ --color-icon-brand: #2db5c6;
207
+ --color-icon-brand-hover: #80dfea;
208
+ --color-border-primary: #757a84;
209
+ --color-border-primary-hover: #93979f;
210
+ --color-border-primary-active: #b9bcc3;
211
+ --color-border-primary-disabled: rgba(147, 151, 159, 0.08);
212
+ --color-border-secondary: rgba(147, 149, 159, 0.3);
213
+ --color-border-secondary-hover: #757a84;
214
+ --color-border-secondary-active: #93979f;
215
+ --color-border-accent: #2db5c6;
216
+ --color-border-onAccent: #ffffff;
217
+ --color-border-accentSubtle: #1d6670;
218
+ --color-border-error: #d07c7c;
219
+ --color-border-success: #41a48a;
220
+ --color-border-successSubtle: #28816b;
221
+ --color-border-errorSubtle: #a45355;
222
+ --color-border-infoSubtle: #2f538a;
223
+ --color-border-warningSubtle: #a4792d;
224
+ --color-divider-primary: #32363e;
225
+ --color-divider-secondary: rgba(147, 149, 159, 0.15);
226
+ --color-divider-secondarySolid: #32363e;
227
+ --color-content-icon-physician-default: #6e95cf;
228
+ --color-content-icon-physician-hover: #99c1fa;
229
+ --color-content-icon-physicianUnimportant-default: rgba(153, 193, 250, 0.8);
230
+ --color-content-icon-physicianUnimportant-hover: #99c1fa;
231
+ --color-content-icon-unimportant-default: #757a84;
232
+ --color-content-icon-unimportant-hover: #93979f;
233
+ --color-content-text-physician-default: #99c1fa;
234
+ --color-content-text-physician-hover: #99c1fa;
235
+ --color-content-text-physicianUnimportant-default: rgba(153, 193, 250, 0.8);
236
+ --color-content-text-physicianUnimportant-hover: #99c1fa;
237
+ --color-content-text-unimportant-default: #93979f;
238
+ --color-content-text-unimportant-hover: #b9bcc3;
239
+ --color-content-textUnderline-physician-default: rgba(153, 193, 250, 0.5);
240
+ --color-content-textUnderline-physician-hover: #99c1fa;
241
+ --color-content-textUnderline-physicianUnimportant-default: rgba(153, 193, 250, 0.5);
242
+ --color-content-textUnderline-physicianUnimportant-hover: #99c1fa;
243
+ --color-content-textUnderline-unimportant-default: #757a84;
244
+ --color-content-textUnderline-unimportant-hover: #93979f;
245
+ --color-content-textDottedUnderline-physician-default: rgba(153, 193, 250, 0.5);
246
+ --color-content-textDottedUnderline-physician-hover: #99c1fa;
247
+ --color-content-textDottedUnderline-physicianUnimportant-default: rgba(153, 193, 250, 0.5);
248
+ --color-content-textDottedUnderline-physicianUnimportant-hover: #99c1fa;
249
+ --color-content-textDottedUnderline-unimportant-default: #b9bcc3;
250
+ --color-content-textDottedUnderline-unimportant-hover: #ced1d6;
251
+ --color-content-reference-button-background-default: #32363e;
252
+ --color-content-reference-button-background-hover: #40454f;
253
+ --color-content-reference-button-background-active: #5b5f67;
254
+ --color-content-dosage-button-background-default: #471a95;
255
+ --color-content-dosage-button-background-hover: #6d37c8;
256
+ --color-content-dosage-button-text-default: #ddd7fd;
257
+ --color-content-dosage-button-text-hover: #ffffff;
258
+ --color-content-table-row-hover: rgba(29, 102, 112, 0.2);
259
+ --color-splash-card-text-accent-default: #2db5c6;
260
+ --color-splash-card-background-hover: #1d6670;
261
+ --elevation-1: 0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0), 0px 0px 0px 1px rgba(64, 69, 79, 0.4) inset;
262
+ --elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.4) inset;
263
+ --elevation-3: 0px 4px 20px 0px rgba(0, 0, 0, 0.2), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.5) inset;
264
+ --elevation-4: 0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.5) inset;
265
+ --shadow-default-ring: 0px 0px 0px 4px rgba(123, 142, 157, 0.1);
266
+ --shadow-focus-ring: 0px 0px 0px 4px rgba(4, 122, 136, 0.25);
267
+ }
268
+ }
@@ -0,0 +1,268 @@
1
+ @mixin ds-theme-light {
2
+ & {
3
+ --color-badge-background: #ffffff;
4
+ --color-badge-background-green: #e8f8f4;
5
+ --color-badge-background-blue: #e7effe;
6
+ --color-badge-background-yellow: #fef3e1;
7
+ --color-badge-background-brand: #e7f6f8;
8
+ --color-badge-background-purple: #edeafd;
9
+ --color-badge-background-red: #fde8e8;
10
+ --color-badge-background-gray: #eef2f5;
11
+ --color-badge-foreground: #1a1c1c;
12
+ --color-badge-foreground-green: #0a5c45;
13
+ --color-badge-foreground-blue: #295dae;
14
+ --color-badge-foreground-yellow: #9a6304;
15
+ --color-badge-foreground-brand: #047a88;
16
+ --color-badge-foreground-purple: #6934c4;
17
+ --color-badge-foreground-red: #c02725;
18
+ --color-badge-foreground-gray: #40515e;
19
+ --color-badge-border: #40515e;
20
+ --color-badge-border-green: #0b8363;
21
+ --color-badge-border-blue: #295dae;
22
+ --color-badge-border-yellow: #df9411;
23
+ --color-badge-border-brand: #047a88;
24
+ --color-badge-border-purple: #8a61f1;
25
+ --color-badge-border-red: #dd3637;
26
+ --color-badge-border-gray: #5a7183;
27
+ --color-badge-borderSubtle: #e0e6eb;
28
+ --color-badge-borderSubtle-green: #d0f1e8;
29
+ --color-badge-borderSubtle-blue: #d2e2f9;
30
+ --color-badge-borderSubtle-yellow: #fceaca;
31
+ --color-badge-borderSubtle-brand: #ceedf1;
32
+ --color-badge-borderSubtle-purple: #ddd7fd;
33
+ --color-badge-borderSubtle-red: #fad1d1;
34
+ --color-badge-borderSubtle-gray: #e0e6eb;
35
+ --color-avatar-border: #ffffff;
36
+ --color-color-indicator-brand: #0aa6b8;
37
+ --color-color-indicator-gray: #5a7183;
38
+ --color-color-indicator-purple: #8a61f1;
39
+ --color-color-indicator-blue: #1f6ce0;
40
+ --color-color-indicator-green: #0fa980;
41
+ --color-color-indicator-yellow: #df9411;
42
+ --color-color-indicator-red: #ed5554;
43
+ --color-color-indicator-neonBlue: #99e6ff;
44
+ --color-color-indicator-neonGreen: #a7ffa1;
45
+ --color-color-indicator-neonPink: #feb2ea;
46
+ --color-content-box-border-info: #9ac1fc;
47
+ --color-content-box-border-error: #f7b1b1;
48
+ --color-content-box-border-success: #8adcc6;
49
+ --color-content-box-border-warning: #f4cb81;
50
+ --color-dosage-icon-default: #8a61f1;
51
+ --color-dosage-icon-hover: #6934c4;
52
+ --color-toggle-background: #7b8e9d;
53
+ --color-toggle-background-highlight: #f3eb75;
54
+ --color-toggle-thumb-background-off: #ffffff;
55
+ --color-toggle-thumb-background-on: #ffffff;
56
+ --color-toggle-border-highlight: #f3eb75;
57
+ --color-segmented-progress-bar-monochrome: #5a7183;
58
+ --color-segmented-progress-bar-success: #39d6ac;
59
+ --color-segmented-progress-bar-warning: #f1d56b;
60
+ --color-segmented-progress-bar-alert: #f07575;
61
+ --color-segmented-progress-bar-in-progress: #e0e6eb;
62
+ --color-tag-background-gray: #e0e6eb;
63
+ --color-tag-background-blue: #d2e2f9;
64
+ --color-tag-text-gray: #40515e;
65
+ --color-tag-text-blue: #1c427d;
66
+ --color-range-input-background-thumb-default: #ffffff;
67
+ --color-search-input-background: #eef2f5;
68
+ --color-chart-border: #a3b2bd;
69
+ --color-chart-grid-primary-default: rgba(163, 178, 189, 0.3);
70
+ --color-chart-grid-secondary-default: rgba(163, 178, 189, 0.3);
71
+ --color-chart-background: #ffffff;
72
+ --color-chart-background-inverted: #1a1c1c;
73
+ --color-chart-text-positive-default: #0b8363;
74
+ --color-chart-text-negative-default: #dd3637;
75
+ --color-chart-text-warning-default: #df9411;
76
+ --color-chart-neutral: #a3b2bd;
77
+ --color-chart-neutral-subtle: #eef2f5;
78
+ --color-chart-neutral-bold: #5a7183;
79
+ --color-chart-positive: #0b8363;
80
+ --color-chart-positive-subtle: #e8f8f4;
81
+ --color-chart-positive-bold: #0a5c45;
82
+ --color-chart-warning: #f6bc56;
83
+ --color-chart-warning-subtle: #fef3e1;
84
+ --color-chart-warning-bold: #f6c66f;
85
+ --color-chart-negative: #f07575;
86
+ --color-chart-negative-subtle: #fde8e8;
87
+ --color-chart-negative-bold: #dd3637;
88
+ --color-chart-info: #6e95cf;
89
+ --color-chart-info-subtle: #e7effe;
90
+ --color-chart-info-bold: #295dae;
91
+ --color-chart-accent: #0aa6b8;
92
+ --color-chart-accent-subtle: #e7f6f8;
93
+ --color-chart-accent-bold: #047a88;
94
+ --color-media-item-background-black: #000000;
95
+ --color-media-item-background-white: #ffffff;
96
+ --color-media-item-background-transparent: rgba(255, 255, 255, 0);
97
+ --color-media-item-overlay-hover: rgba(255, 255, 255, 0.3);
98
+ --color-media-item-overlay-active: rgba(0, 0, 0, 0.6);
99
+ --color-media-item-category-icon-background-default: #314554;
100
+ --color-destructive-tertiary-button-background-hover: rgba(238, 97, 96, 0.08);
101
+ --color-destructive-tertiary-button-background-active: rgba(238, 97, 96, 0.08);
102
+ --color-qbank-answer-background-title-correct-default: #d0f1e8;
103
+ --color-qbank-answer-background-title-correct-hover: rgba(138, 220, 198, 0.6);
104
+ --color-qbank-answer-background-title-correct-with-hint-default: #fceaca;
105
+ --color-qbank-answer-background-title-correct-with-hint-hover: rgba(246, 198, 111, 0.6);
106
+ --color-qbank-answer-background-title-incorrect-default: #fad1d1;
107
+ --color-qbank-answer-background-title-incorrect-hover: rgba(240, 117, 117, 0.45);
108
+ --color-qbank-answer-background-explanation-correct-default: #e8f8f4;
109
+ --color-qbank-answer-background-explanation-correct-with-hint-default: #fef3e1;
110
+ --color-qbank-answer-background-explanation-incorrect-default: #fde8e8;
111
+ --color-qbank-answer-border-correct-default: #8adcc6;
112
+ --color-qbank-answer-border-correct-with-hint-default: #f6c66f;
113
+ --color-qbank-answer-border-incorrect-default: #f07575;
114
+ --color-skeletonLoader-background-container: #e0e6eb;
115
+ --color-skeletonLoader-background-element: #e0e6eb;
116
+ --color-skeletonLoader-background-shimmer: rgba(255, 255, 255, 0.08);
117
+ --color-canvas: #eef2f5;
118
+ --color-background-primary: #ffffff;
119
+ --color-background-secondary: #f5f7f9;
120
+ --color-background-secondary-hover: #eef2f5;
121
+ --color-background-secondary-active: #f5f7f9;
122
+ --color-background-accent: #047a88;
123
+ --color-background-accent-hover: #054f57;
124
+ --color-background-accent-active: #054f57;
125
+ --color-background-accent-disabled: rgba(4, 122, 136, 0.3);
126
+ --color-background-elevated: #ffffff;
127
+ --color-background-onAccent: #ffffff;
128
+ --color-background-onAccent-hover: #ffffff;
129
+ --color-background-onAccent-active: #ffffff;
130
+ --color-background-onAccent-disabled: rgba(255, 255, 255, 0.65);
131
+ --color-background-error: #dd3637;
132
+ --color-background-error-hover: #c02725;
133
+ --color-background-error-active: #c02725;
134
+ --color-background-error-disabled: rgba(238, 97, 96, 0.3);
135
+ --color-background-success: #0b8363;
136
+ --color-background-info: #295dae;
137
+ --color-background-warning: #df9411;
138
+ --color-background-accentSubtle: #e7f6f8;
139
+ --color-background-errorSubtle: #fde8e8;
140
+ --color-background-successSubtle: #e8f8f4;
141
+ --color-background-infoSubtle: #e7effe;
142
+ --color-background-warningSubtle: #fef3e1;
143
+ --color-background-textHighlight-primary: #f3eb75;
144
+ --color-background-textHighlight-secondary: #faf5b8;
145
+ --color-background-textHighlight-find: #f6bc56;
146
+ --color-background-textHighlight-learningRadar: rgba(238, 97, 96, 0.3);
147
+ --color-background-textHighlight-qbankKeyInfo: #df9411;
148
+ --color-background-textHighlight-relevancePrimary: #8adcc6;
149
+ --color-background-textHighlight-relevanceSecondary: #d0f1e8;
150
+ --color-background-textHighlight-customBlue: #99e6ff;
151
+ --color-background-textHighlight-customGreen: #a7ffa1;
152
+ --color-background-textHighlight-customPink: #feb2ea;
153
+ --color-background-contrast: #314554;
154
+ --color-background-transparent: rgba(255, 255, 255, 0);
155
+ --color-background-transparent-selected: #5a7183;
156
+ --color-background-transparent-hover: rgba(96, 117, 133, 0.05);
157
+ --color-background-transparent-active: rgba(96, 117, 133, 0.05);
158
+ --color-background-transparent-selectedHover: #40515e;
159
+ --color-background-placeholder: #e0e6eb;
160
+ --color-background-placeholder-hover: #a3b2bd;
161
+ --color-background-backdrop: rgba(0, 0, 0, 0.6);
162
+ --color-text-primary: #1a1c1c;
163
+ --color-text-primary-hover: #1a1c1c;
164
+ --color-text-secondary: #40515e;
165
+ --color-text-secondary-hover: #1a1c1c;
166
+ --color-text-tertiary: #5a7183;
167
+ --color-text-tertiary-disabled: rgba(64, 81, 94, 0.3);
168
+ --color-text-tertiary-hover: #1a1c1c;
169
+ --color-text-quaternary: #a3b2bd;
170
+ --color-text-accent: #047a88;
171
+ --color-text-accent-hover: #054f57;
172
+ --color-text-onAccent: #ffffff;
173
+ --color-text-onAccent-disabled: rgba(255, 255, 255, 0.65);
174
+ --color-text-onAccentSubtle: rgba(255, 255, 255, 0.65);
175
+ --color-text-info: #1c427d;
176
+ --color-text-error: #c02725;
177
+ --color-text-error-disabled: rgba(192, 39, 37, 0.3);
178
+ --color-text-warning: #314554;
179
+ --color-text-success: #0a5c45;
180
+ --color-text-underline: #a3b2bd;
181
+ --color-text-underline-hover: #5a7183;
182
+ --color-text-dottedUnderline: #5a7183;
183
+ --color-text-dottedUnderline-hover: #40515e;
184
+ --color-icon-primary: #1a1c1c;
185
+ --color-icon-primary-hover: #1a1c1c;
186
+ --color-icon-secondary: #40515e;
187
+ --color-icon-secondary-hover: #314554;
188
+ --color-icon-tertiary: #5a7183;
189
+ --color-icon-tertiary-hover: #40515e;
190
+ --color-icon-quaternary: #a3b2bd;
191
+ --color-icon-quaternary-hover: #5a7183;
192
+ --color-icon-accent: #047a88;
193
+ --color-icon-accent-hover: #054f57;
194
+ --color-icon-onAccent: #ffffff;
195
+ --color-icon-onAccent-hover: #ffffff;
196
+ --color-icon-onAccentSubtle: rgba(255, 255, 255, 0.65);
197
+ --color-icon-onAccentSubtle-hover: rgba(255, 255, 255, 0.8);
198
+ --color-icon-info: #295dae;
199
+ --color-icon-info-hover: #1c427d;
200
+ --color-icon-error: #dd3637;
201
+ --color-icon-error-hover: #c02725;
202
+ --color-icon-warning: #df9411;
203
+ --color-icon-warning-hover: #9a6304;
204
+ --color-icon-success: #0b8363;
205
+ --color-icon-success-hover: #0a5c45;
206
+ --color-icon-brand: #0aa6b8;
207
+ --color-icon-brand-hover: #047a88;
208
+ --color-border-primary: #7b8e9d;
209
+ --color-border-primary-hover: #5a7183;
210
+ --color-border-primary-active: #40515e;
211
+ --color-border-primary-disabled: rgba(163, 178, 189, 0.3);
212
+ --color-border-secondary: rgba(163, 178, 189, 0.3);
213
+ --color-border-secondary-hover: #a3b2bd;
214
+ --color-border-secondary-active: #5a7183;
215
+ --color-border-accent: #047a88;
216
+ --color-border-onAccent: #ffffff;
217
+ --color-border-accentSubtle: #85d3dc;
218
+ --color-border-error: #dd3637;
219
+ --color-border-success: #0b8363;
220
+ --color-border-successSubtle: #8adcc6;
221
+ --color-border-errorSubtle: #f07575;
222
+ --color-border-infoSubtle: #6e95cf;
223
+ --color-border-warningSubtle: #f6c66f;
224
+ --color-divider-primary: #e0e6eb;
225
+ --color-divider-secondary: rgba(163, 178, 189, 0.3);
226
+ --color-divider-secondarySolid: #eef2f5;
227
+ --color-content-icon-physician-default: #295dae;
228
+ --color-content-icon-physician-hover: #1c427d;
229
+ --color-content-icon-physicianUnimportant-default: rgba(28, 66, 125, 0.8);
230
+ --color-content-icon-physicianUnimportant-hover: #1c427d;
231
+ --color-content-icon-unimportant-default: #a3b2bd;
232
+ --color-content-icon-unimportant-hover: #5a7183;
233
+ --color-content-text-physician-default: #1c427d;
234
+ --color-content-text-physician-hover: #1c427d;
235
+ --color-content-text-physicianUnimportant-default: rgba(28, 66, 125, 0.8);
236
+ --color-content-text-physicianUnimportant-hover: #1c427d;
237
+ --color-content-text-unimportant-default: #5a7183;
238
+ --color-content-text-unimportant-hover: #1a1c1c;
239
+ --color-content-textUnderline-physician-default: rgba(28, 66, 125, 0.3);
240
+ --color-content-textUnderline-physician-hover: #1c427d;
241
+ --color-content-textUnderline-physicianUnimportant-default: rgba(28, 66, 125, 0.3);
242
+ --color-content-textUnderline-physicianUnimportant-hover: #1c427d;
243
+ --color-content-textUnderline-unimportant-default: #a3b2bd;
244
+ --color-content-textUnderline-unimportant-hover: #5a7183;
245
+ --color-content-textDottedUnderline-physician-default: rgba(28, 66, 125, 0.3);
246
+ --color-content-textDottedUnderline-physician-hover: #1c427d;
247
+ --color-content-textDottedUnderline-physicianUnimportant-default: rgba(28, 66, 125, 0.3);
248
+ --color-content-textDottedUnderline-physicianUnimportant-hover: #1c427d;
249
+ --color-content-textDottedUnderline-unimportant-default: #5a7183;
250
+ --color-content-textDottedUnderline-unimportant-hover: #40515e;
251
+ --color-content-reference-button-background-default: #e0e6eb;
252
+ --color-content-reference-button-background-hover: #bdc9d1;
253
+ --color-content-reference-button-background-active: #a3b2bd;
254
+ --color-content-dosage-button-background-default: #edeafd;
255
+ --color-content-dosage-button-background-hover: #ddd7fd;
256
+ --color-content-dosage-button-text-default: #6934c4;
257
+ --color-content-dosage-button-text-hover: #6934c4;
258
+ --color-content-table-row-hover: rgba(10, 166, 184, 0.05);
259
+ --color-splash-card-text-accent-default: #054f57;
260
+ --color-splash-card-background-hover: #054f57;
261
+ --elevation-1: 0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07);
262
+ --elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01);
263
+ --elevation-3: 0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2);
264
+ --elevation-4: 0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24);
265
+ --shadow-default-ring: 0px 0px 0px 4px rgba(123, 142, 157, 0.1);
266
+ --shadow-focus-ring: 0px 0px 0px 4px rgba(4, 122, 136, 0.25);
267
+ }
268
+ }