|
| 1 | +.orama-ui { |
| 2 | + -webkit-font-smoothing: antialiased; |
| 3 | + -moz-osx-font-smoothing: grayscale; |
| 4 | + font-family: var(--md-text-font); |
| 5 | + font-weight: 400; |
| 6 | + text-rendering: optimizeLegibility; |
| 7 | + vertical-align: baseline; |
| 8 | + -webkit-text-size-adjust: none; |
| 9 | + -moz-text-size-adjust: none; |
| 10 | + text-size-adjust: none; |
| 11 | + --orama-base-font-size: 18; |
| 12 | + |
| 13 | + --font-size-xxs: calc(10rem/var(--orama-base-font-size, 16)); |
| 14 | + --font-size-xs: calc(12rem/var(--orama-base-font-size, 16)); |
| 15 | + --font-size-sm: calc(14rem/var(--orama-base-font-size, 16)); |
| 16 | + --font-size-md: calc(16rem/var(--orama-base-font-size, 16)); |
| 17 | + --font-size-lg: calc(20rem/var(--orama-base-font-size, 16)); |
| 18 | + --font-weight-normal: 400; |
| 19 | + --font-weight-semibold: 600; |
| 20 | + --font-line-height-s: 1.25; |
| 21 | + --font-line-height-m: 1.5; |
| 22 | + --radius-xs: calc(6rem/var(--orama-base-font-size, 16)); |
| 23 | + --radius-s: calc(8rem/var(--orama-base-font-size, 16)); |
| 24 | + --radius-m: calc(12rem/var(--orama-base-font-size, 16)); |
| 25 | + --radius-l: calc(16rem/var(--orama-base-font-size, 16)); |
| 26 | + --radius-3xl: calc(40rem/var(--orama-base-font-size, 16)); |
| 27 | + --textarea-radius: calc(16rem/var(--orama-base-font-size, 16)); |
| 28 | + --spacing-2xs: calc(2rem/var(--orama-base-font-size, 16)); |
| 29 | + --spacing-xs: calc(4rem/var(--orama-base-font-size, 16)); |
| 30 | + --spacing-s: calc(8rem/var(--orama-base-font-size, 16)); |
| 31 | + --spacing-m: calc(12rem/var(--orama-base-font-size, 16)); |
| 32 | + --spacing-l: calc(16rem/var(--orama-base-font-size, 16)); |
| 33 | + --spacing-xl: calc(24rem/var(--orama-base-font-size, 16)); |
| 34 | + --spacing-2xl: calc(32rem/var(--orama-base-font-size, 16)); |
| 35 | + --spacing-3xl: calc(40rem/var(--orama-base-font-size, 16)); |
| 36 | + --textarea-shadow: var(--md-shadow-z1); |
| 37 | + |
| 38 | + --text-color-primary: #151515; |
| 39 | + --text-color-secondary: #838289; |
| 40 | + --text-color-tertiary: #99989d; |
| 41 | + --text-color-accent: var(--md-accent-fg-color); |
| 42 | + --text-color-inactive: #99989d; |
| 43 | + --text-color-reverse: #fff; |
| 44 | + --background-color-primary: #fbfbfb; |
| 45 | + --background-color-secondary: #fff; |
| 46 | + --background-color-tertiary: var(--md-accent-fg-color--transparent); |
| 47 | + --background-color-fourth: #efefef; |
| 48 | + --background-color-reverse: #000; |
| 49 | + --background-color-accent: var(--md-accent-fg-color); |
| 50 | + --border-color-primary: #dadada; |
| 51 | + --border-color-secondary: #efefef; |
| 52 | + --border-color-tertiary: #151515; |
| 53 | + --border-color-accent: var(--md-accent-fg-color); |
| 54 | + --icon-color-primary: #151515; |
| 55 | + --icon-color-secondary: #dadada; |
| 56 | + --icon-color-tertiary: #838289; |
| 57 | + --icon-color-inactive: #99989d; |
| 58 | + --icon-color-reverse: #fbfbfb; |
| 59 | + --shadow-color-primary: #fff; |
| 60 | + --button-text-color-primary: #fbfbfb; |
| 61 | + --button-text-color-secondary: #838289; |
| 62 | + --button-background-color-primary: var(--md-accent-fg-color); |
| 63 | + --button-background-color-secondary: hsla(240, 9%, 75%, 0.33); |
| 64 | + --button-background-color-secondary-hover: var(--md-accent-fg-color--transparent); |
| 65 | + --button-border-color-secondary: #dadada; |
| 66 | + --backdrop-background-color-primary: hsla(0, 0%, 98%, .7); |
| 67 | + --chat-button-border-color-gradientOne: transparent; |
| 68 | + --chat-button-border-color-gradientTwo: transparent; |
| 69 | + --chat-button-border-color-gradientThree: var(--md-accent-fg-color); |
| 70 | + --chat-button-border-color-gradientFour: var(--md-accent-fg-color); |
| 71 | + --chat-button-border-color-gradientFive: transparent; |
| 72 | + --chat-button-border-color-gradientSix: transparent; |
| 73 | + --chat-button-background-color-gradientOne: var(--md-accent-fg-color); |
| 74 | + --chat-button-background-color-gradientTwo: transparent; |
| 75 | + |
| 76 | +} |
| 77 | + |
| 78 | +.orama-ui *, |
| 79 | +.orama-ui:after, |
| 80 | +.orama-ui:before { |
| 81 | + box-sizing: border-box |
| 82 | +} |
| 83 | + |
| 84 | +[data-md-color-scheme="slate"] .orama-ui { |
| 85 | + --text-color-primary: #fbfbfb; |
| 86 | + --text-color-secondary: #dadada; |
| 87 | + --text-color-tertiary: #838289; |
| 88 | + --text-color-accent: var(--md-accent-fg-color); |
| 89 | + --text-color-inactive: #99989d; |
| 90 | + --text-color-reverse: #000; |
| 91 | + --background-color-primary: var(--md-default-bg-color); |
| 92 | + --background-color-secondary: #101010; |
| 93 | + --background-color-tertiary: var(--md-accent-fg-color--transparent); |
| 94 | + --background-color-fourth: #2e2e2e; |
| 95 | + --background-color-reverse: #fff; |
| 96 | + --background-color-accent: var(--md-accent-fg-color); |
| 97 | + --border-color-primary: #2e2e2e; |
| 98 | + --border-color-secondary: #151515; |
| 99 | + --border-color-tertiary: #afafb1; |
| 100 | + --border-color-accent: var(--md-accent-fg-color); |
| 101 | + --icon-color-primary: #fbfbfb; |
| 102 | + --icon-color-secondary: #dadada; |
| 103 | + --icon-color-tertiary: #838289; |
| 104 | + --icon-color-inactive: #99989d; |
| 105 | + --icon-color-reverse: var(--md-default-bg-color); |
| 106 | + --shadow-color-primary: #000; |
| 107 | + --button-text-color-primary: #fbfbfb; |
| 108 | + --button-text-color-secondary: #99989d; |
| 109 | + --button-background-color-primary: var(--md-accent-fg-color); |
| 110 | + --button-background-color-secondary: hsla(var(--md-hue), 15%, 9%, 0.33); |
| 111 | + --button-background-color-secondary-hover: var(--md-accent-fg-color--transparent); |
| 112 | + --button-border-color-secondary: #2e2e2e; |
| 113 | + --backdrop-background-color-primary: rgba(5, 5, 5, .7); |
| 114 | + --chat-button-border-color-gradientOne: transparent; |
| 115 | + --chat-button-border-color-gradientTwo: transparent; |
| 116 | + --chat-button-border-color-gradientThree: var(--md-accent-fg-color); |
| 117 | + --chat-button-border-color-gradientFour: var(--md-accent-fg-color); |
| 118 | + --chat-button-border-color-gradientFive: transparent; |
| 119 | + --chat-button-border-color-gradientSix: transparent; |
| 120 | + --chat-button-background-color-gradientOne: var(--md-accent-fg-color); |
| 121 | + --chat-button-background-color-gradientTwo: transparent; |
| 122 | +} |
0 commit comments