Captain is currently in ALPHA. We are happy to get your feedback
SDK
@captn/theme
Modules
Palette

Module: palette

Table of contents

Variables

Variables

background

• Const background: Object

Type declaration

NameType
dark{ body: string }
dark.bodystring
light{ body: string }
light.bodystring

Defined in

palette.js:124

palette

• Const palette: Object

Type declaration

NameType
blue{ 100: string = "#C8DCFF"; 200: string = "#A9C5FF"; 300: string = "#88ACFF"; 400: string = "#6691FF"; 50: string = "#E4F1FF"; 500: string = "#296BFA"; 600: string = "#1D59D3"; 700: string = "#1A47AD"; 800: string = "#163285"; 900: string = "#122464" }
blue.100string
blue.200string
blue.300string
blue.400string
blue.50string
blue.500string
blue.600string
blue.700string
blue.800string
blue.900string
green{ 100: string = "#C0EDC2"; 200: string = "#9AE19D"; 300: string = "#75D678"; 400: string = "#4FCB53"; 50: string = "#E5F9E7"; 500: string = "#058649"; 600: string = "#04743E"; 700: string = "#036233"; 800: string = "#025128"; 900: string = "#01411D" }
green.100string
green.200string
green.300string
green.400string
green.50string
green.500string
green.600string
green.700string
green.800string
green.900string
grey{ 100: string = "#D6D6D6"; 200: string = "#B2B2B2"; 300: string = "#969696"; 400: string = "#8E8E8E"; 50: string = "#F2F2F2"; 500: string = "#717676"; 600: string = "#5A5A5A"; 700: string = "#444444"; 800: string = "#2E2E2E"; 900: string = "#191919" }
grey.100string
grey.200string
grey.300string
grey.400string
grey.50string
grey.500string
grey.600string
grey.700string
grey.800string
grey.900string
lime{ 100: string = "#D9E5B8"; 200: string = "#C1D28E"; 300: string = "#A9BF64"; 400: string = "#91AC3A"; 50: string = "#F1F8E2"; 500: string = "#4D822F"; 600: string = "#436E29"; 700: string = "#395A23"; 800: string = "#2F461D"; 900: string = "#253217" }
lime.100string
lime.200string
lime.300string
lime.400string
lime.50string
lime.500string
lime.600string
lime.700string
lime.800string
lime.900string
orange{ 100: string = "#FFC4A8"; 200: string = "#FF9E72"; 300: string = "#FF783C"; 400: string = "#FF561B"; 50: string = "#FFE9DF"; 500: string = "#D3410C"; 600: string = "#AC340B"; 700: string = "#852709"; 800: string = "#5E1B08"; 900: string = "#3E1206" }
orange.100string
orange.200string
orange.300string
orange.400string
orange.50string
orange.500string
orange.600string
orange.700string
orange.800string
orange.900string
pink{ 100: string = "#FCE8F3"; 200: string = "#FAD1E8"; 300: string = "#F8ABD4"; 400: string = "#F686BA"; 50: string = "#FDF2F9"; 500: string = "#DB2777"; 600: string = "#BE185D"; 700: string = "#9D174D"; 800: string = "#831843"; 900: string = "#6D1835" }
pink.100string
pink.200string
pink.300string
pink.400string
pink.50string
pink.500string
pink.600string
pink.700string
pink.800string
pink.900string
red{ 100: string = "#FFC2BF"; 200: string = "#FF9D99"; 300: string = "#FF7673"; 400: string = "#FF4F4C"; 50: string = "#FFE6E5"; 500: string = "#DF2F2D"; 600: string = "#B02625"; 700: string = "#811D1C"; 800: string = "#611717"; 900: string = "#4D1212" }
red.100string
red.200string
red.300string
red.400string
red.50string
red.500string
red.600string
red.700string
red.800string
red.900string
teal{ 100: string = "#C9E2DB"; 200: string = "#ADD1C7"; 300: string = "#8FC0B2"; 400: string = "#6FAF9D"; 50: string = "#E5F5F1"; 500: string = "#20827c"; 600: string = "#1C746E"; 700: string = "#186660"; 800: string = "#135852"; 900: string = "#0F4A44" }
teal.100string
teal.200string
teal.300string
teal.400string
teal.50string
teal.500string
teal.600string
teal.700string
teal.800string
teal.900string
violet{ 100: string = "#D1C5FF"; 200: string = "#B6A2FF"; 300: string = "#927fff"; 400: string = "#806aff"; 50: string = "#ECE7FF"; 500: string = "#6C5EF5"; 600: string = "#594ED3"; 700: string = "#463EB0"; 800: string = "#352D8C"; 900: string = "#281E6A" }
violet.100string
violet.200string
violet.300string
violet.400string
violet.50string
violet.500string
violet.600string
violet.700string
violet.800string
violet.900string
yellow{ 100: string = "#FFE4AB"; 200: string = "#FFD47F"; 300: string = "#FFC353"; 400: string = "#E6AA28"; 50: string = "#FFF3D6"; 500: string = "#9F6B00"; 600: string = "#7F5400"; 700: string = "#5E3F00"; 800: string = "#3E2900"; 900: string = "#1F1400" }
yellow.100string
yellow.200string
yellow.300string
yellow.400string
yellow.50string
yellow.500string
yellow.600string
yellow.700string
yellow.800string
yellow.900string

Defined in

palette.js:2

ModulesTypes