Colors | Styles | Anduin Design

app/layout.tsx

import { RootProvider } from 'fumadocs-ui/provider/next';
import type { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body
        // required styles
        className="flex flex-col min-h-screen"
      >
        <RootProvider>{children}</RootProvider>
      </body>
    </html>
  );
}


- type: element
  tag: div
  classNames:
    - bg-white
    - border
    - border-[#1075dc] // [!code --]
    - border-primary-4 // [!code ++]

Name

Semantic

Hex

RGB

OKLCH

gray-0background

—

#FFFFFF

RGB(255, 255, 255)

OKLCH(1 0 0)

gray-1

—

#F9FAFB

RGB(249, 250, 251)

OKLCH(0.9846 0.0017 247.84)

gray-2

—

#EDEFF2

RGB(237, 239, 242)

OKLCH(0.9515 0.0046 258.32)

gray-3

—

#E7E9ED

RGB(231, 233, 237)

OKLCH(0.9336 0.0058 264.53)

gray-4

—

#CCD2DB

RGB(204, 210, 219)

OKLCH(0.8618 0.0141 258.35)

gray-5

placeholder

disabled

#98A1B2

RGB(152, 161, 178)

OKLCH(0.7073 0.0268 263.28)

gray-6

text-tertiary

#8790A4

RGB(135, 144, 164)

OKLCH(0.6528 0.0316 266.24)

gray-7

text-secondary

#646E82

RGB(100, 110, 130)

OKLCH(0.5371 0.0337 264.24)

gray-8foreground

text-primary

#323C4D

RGB(50, 60, 77)

OKLCH(0.3544 0.0326 260.94)

gray-9

—

#1D2939

RGB(29, 41, 57)

OKLCH(0.2776 0.0341 255.81)

primary-1

—

#DCF2FA

RGB(220, 242, 250)

OKLCH(0.9474 0.0256 221.57)

primary-2

—

#AADAF9

RGB(170, 218, 249)

OKLCH(0.8652 0.066 236.86)

primary-3

—

#48AFF0

RGB(72, 175, 240)

OKLCH(0.7219 0.1335 240.15)

primary-4

link

#1075DC

RGB(16, 117, 220)

OKLCH(0.5679 0.1784 254.76)

primary-5

—

#0158AE

RGB(1, 88, 174)

OKLCH(0.4682 0.1548 255.23)

success-1

—

#CEF2D5

RGB(206, 242, 213)

OKLCH(0.9276 0.0541 150.91)

success-2

—

#9DE5AB

RGB(157, 229, 171)

OKLCH(0.8592 0.1078 149.75)

success-3

—

#38B95E

RGB(56, 185, 94)

OKLCH(0.6953 0.1711 149.14)

success-4

—

#239E47

RGB(35, 158, 71)

OKLCH(0.6149 0.1634 148.21)

success-5

text-success

#1F7931

RGB(31, 121, 49)

OKLCH(0.5075 0.136 146.46)

warning-1

—

#FEEFCB

RGB(254, 239, 203)

OKLCH(0.9549 0.0496 88.08)

warning-2

—

#FCDEA4

RGB(252, 222, 164)

OKLCH(0.912 0.0811 83.56)

warning-3

—

#FFB829

RGB(255, 184, 41)

OKLCH(0.8282 0.1628 78.73)

warning-4

—

#DE990F

RGB(222, 153, 15)

OKLCH(0.7325 0.1512 75.97)

warning-5

text-warning

#8C6500

RGB(140, 101, 0)

OKLCH(0.5329 0.1098 82)

danger-1

—

#F8E8E8

RGB(248, 232, 232)

OKLCH(0.9437 0.0174 17.47)

danger-2

—

#F6C4C4

RGB(246, 196, 196)

OKLCH(0.8643 0.0573 18.32)

danger-3

—

#F27777

RGB(242, 119, 119)

OKLCH(0.712 0.1517 21.64)

danger-4

text-danger

#E32D2D

RGB(227, 45, 45)

OKLCH(0.5948 0.2165 26.91)

danger-5

—

#CB0808

RGB(203, 8, 8)

OKLCH(0.531 0.2147 28.91)