1"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[495],{46136:(e,r,n)=>{n.r(r),n.d(r,{assets:()=>d,contentTitle:()=>c,default:()=>h,frontMatter:()=>t,metadata:()=>a,toc:()=>o});var i=n(85893),s=n(11151);const t={sidebar_position:5,description:"The configuration of the colors used in the theme.",toc_max_heading_level:2},c="config-colors",a={id:"reference/configs/config-colors",title:"config-colors",description:"The configuration of the colors used in the theme.",source:"@site/docs/reference/configs/config-colors.mdx",sourceDirName:"reference/configs",slug:"/reference/configs/config-colors",permalink:"/docs/reference/configs/config-colors",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5,description:"The configuration of the colors used in the theme.",toc_max_heading_level:2},sidebar:"tutorialSidebar",previous:{title:"config-info",permalink:"/docs/reference/configs/config-info"},next:{title:"config-page",permalink:"/docs/reference/configs/config-page"}},d={},o=[];function l(e){const r={a:"a",code:"code",em:"em",h1:"h1",p:"p",pre:"pre",strong:"strong",...(0,s.a)(),...e.components},{Signature:n,SignatureName:t,SignatureParam:c,SourceLink:a,TypeLink:d}=r;return n||x("Signature",!0),t||x("SignatureName",!0),c||x("SignatureParam",!0),a||x("SourceLink",!0),d||x("TypeLink",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.h1,{id:"config-colors",children:"config-colors"}),"\n",(0,i.jsx)(n,{children:(0,i.jsxs)("code",{children:[(0,i.jsx)(t,{children:"config-colors"}),"(",(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#neutral",children:"neutral"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#neutral-light",children:"neutral-light"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#neutral-lighter",children:"neutral-lighter"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#neutral-lightest",children:"neutral-lightest"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#neutral-dark",children:"neutral-dark"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#neutral-darker",children:"neutral-darker"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#neutral-darkest",children:"neutral-darkest"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#primary",children:"primary"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#primary-light",children:"primary-light"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#primary-lighter",children:"primary-lighter"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#primary-lightest",children:"primary-lightest"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#primary-dark",children:"primary-dark"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#primary-darker",children:"primary-darker"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#primary-darkest",children:"primary-darkest"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#secondary",children:"secondary"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#secondary-light",children:"secondary-light"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#secondary-lighter",children:"secondary-lighter"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#secondary-lightest",children:"secondary-lightest"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#secondary-dark",children:"secondary-dark"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#secondary-darker",children:"secondary-darker"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#secondary-darkest",children:"secondary-darkest"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#tertiary",children:"tertiary"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#tertiary-light",children:"tertiary-light"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#tertiary-lighter",children:"tertiary-lighter"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#tertiary-lightest",children:"tertiary-lightest"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#tertiary-dark",children:"tertiary-dark"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#tertiary-darker",children:"tertiary-darker"}),", "]}),(0,i.jsxs)(c,{children:[(0,i.jsx)(r.a,{href:"#tertiary-darkest",children:"tertiary-darkest"}),", "]}),(0,i.jsx)(c,{children:(0,i.jsx)(r.a,{href:"#args",children:"..args"})}),")",(0,i.jsx)(a,{href:"https://github.com/touying-typ/touying/blob/main/src/configs.typ#L598"})]})}),"\n",(0,i.jsx)(r.p,{children:"The configuration of the colors used in the theme."}),"\n",(0,i.jsx)(r.p,{children:"Example:"}),"\n",(0,i.jsx)(r.pre,{children:(0,i.jsx)(r.code,{className:"language-typst",children:'config-colors(\n primary: rgb("#04364A"),\n secondary: rgb("#176B87"),\n tertiary: rgb("#448C95"),\n neutral: rgb("#303030"),\n neutral-darkest: rgb("#000000"),\n)\n'})}),"\n",(0,i.jsxs)(r.p,{children:["IMPORTANT: The colors should be defined in the ",(0,i.jsx)(r.em,{children:"RGB"})," format at most cases."]}),"\n",(0,i.jsxs)(r.p,{children:["There are four main color groups: ",(0,i.jsx)(r.code,{children:"primary"}),", ",(0,i.jsx)(r.code,{children:"secondary"}),", ",(0,i.jsx)(r.code,{children:"tertiary"}),", and ",(0,i.jsx)(r.code,{children:"neutral"}),".\nEach group includes the base color plus variants: ",(0,i.jsx)(r.code,{children:"light"}),", ",(0,i.jsx)(r.code,{children:"lighter"}),", ",(0,i.jsx)(r.code,{children:"lightest"}),", ",(0,i.jsx)(r.code,{children:"dark"}),", ",(0,i.jsx)(r.code,{children:"darker"}),", ",(0,i.jsx)(r.code,{children:"darkest"}),".\nFor example, ",(0,i.jsx)(r.code,{children:"primary"}),", ",(0,i.jsx)(r.code,{children:"primary-light"}),", ",(0,i.jsx)(r.code,{children:"primary-lightest"}),", ",(0,i.jsx)(r.code,{children:"neutral-darkest"}),", etc."]}),"\n",(0,i.jsxs)(r.p,{children:[(0,i.jsx)(r.strong,{children:"Returns:"})," ",(0,i.jsx)(d,{type:"dictionary"})]})]})}function h(e={}){const{wrapper:r}={...(0,s.a)(),...e.components};return r?(0,i.jsx)(r,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}function x(e,r){throw new Error("Expected "+(r?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}},11151:(e,r,n)=>{n.d(r,{Z:()=>a,a:()=>c});var i=n(67294);const s={},t=i.createContext(s);function c(e){const r=i.useContext(t);return i.useMemo((function(){return"function"==typeof e?e(r):{...r,...e}}),[r,e])}function a(e){let r;return r=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:c(e.components),i.createElement(t.Provider,{value:r},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.