@webship.co/workspace 1.0.0-beta1 → 1.0.0-rc1

package/core/config/theme.drupal.yml

@@ -0,0 +1,175 @@
+# Drupal — core/config/theme.drupal.yml
+#
+# A style in the shape of Drupal.org. The values were read off drupal.org itself — its --drupal-blue,
+# --drupal-navy, --drupal-dark-blue and the font-size ramp, resolved in the browser.
+#
+# Its signatures: the #009cde Drupal blue, the #12285f navy that Drupal uses for body text rather
+# than a grey or a black, #006aa9 for links, and a type ramp on a modular scale (2.027 / 1.802 /
+# 1.602 / 1.424 / 1.266rem) rather than round numbers. Noto Sans is not vendored; the stack falls
+# back.
+#
+# The dark half is not drupal.org's — the site has no dark mode to read — so it is built from the
+# same palette, with the navy taken to a surface and the blue lifted to carry on it.
+
+# The TYPE has a finding in it. Drupal.org sets its HEADINGS in ZTGatha and its BODY in Noto Sans —
+# two families, which is exactly the split this workspace already has as --font-secondary and
+# --font-primary. Measured: h1 40px/1.1 at 700 in ZTGatha, h2 30.4px at 300, h3 24px at 400, and
+# body 16px on 1.385 in NotoSans.
+#
+# The sizes below are drupal.org's own --font-size-h* ramp rather than those rendered numbers: the
+# ramp is the design system, and a hero h1 on one page is not. ZTGatha is not vendored here, so
+# headings fall back to Noto Sans.
+
+name: Drupal
+
+tokens:
+  brand-primary: "#009cde"
+  brand-secondary: "#12285f"
+  brand-accent: "#ccedf9"
+  brand-dark: "#12285f"
+  brand-light: "#f8f9fc"
+  subtle-light: "#f8f9fc"
+  subtle-brand: "#ccedf9"
+  subtle-accent: "#efeafc"
+  text-default: "#12285f"
+  text-subtle: "#55607a"
+  text-inverse: "#ffffff"
+  text-light: "#f8f9fc"
+  text-brand: "var(--brand-primary)"
+  text-accent: "var(--brand-accent)"
+  font-primary: "NotoSans, \"Noto Sans\", system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif"
+  font-secondary: "ZTGatha, NotoSans, \"Noto Sans\", Georgia, serif"
+  font-code: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
+  weight-regular: 400
+  weight-semibold: 600
+  leading-heading: 1.4
+  leading-display: 1.3
+  leading-body: 1.385
+  tracking-wide: 0.0625em
+  size-h1: 2.027rem
+  size-h2: 1.802rem
+  size-h3: 1.602rem
+  size-h4: 1.424rem
+  size-h5: 1.266rem
+  size-h6: 1.125rem
+  size-body: 1rem
+  size-small: 0.889rem
+  type-h1: "var(--weight-bold, 700) var(--size-h1)/1.1 var(--font-secondary)"
+  type-h2: "var(--weight-regular) var(--size-h2)/1.35 var(--font-secondary)"
+  type-h3: "var(--weight-regular) var(--size-h3)/1.2 var(--font-secondary)"
+  type-h4: "var(--weight-semibold) var(--size-h4)/1.3 var(--font-primary)"
+  type-h5: "var(--weight-semibold) var(--size-h5)/1.35 var(--font-primary)"
+  type-h6: "var(--weight-semibold) var(--size-h6)/1 var(--font-primary)"
+  type-body: "var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-primary)"
+  type-body-sm: "var(--weight-regular) var(--size-small)/1.45 var(--font-primary)"
+  type-label: "var(--weight-semibold) var(--size-body)/1 var(--font-primary)"
+  type-caption: "var(--weight-regular) var(--size-small)/1.35 var(--font-primary)"
+  type-mono: "var(--weight-regular) var(--size-body)/1.5 var(--font-code)"
+  type-mono-sm: "var(--weight-regular) var(--size-small)/1.4 var(--font-code)"
+  tracking-h1: normal
+  tracking-h2: normal
+  tracking-h3: normal
+  tracking-h4: normal
+  tracking-h5: normal
+  tracking-h6: "var(--tracking-wide)"
+  surface: "#ffffff"
+  surface-card: "#ffffff"
+  surface-muted: "#f8f9fc"
+  surface-input: "#ffffff"
+  text-subtle-2: "#2b3c6f"
+  line: "#dbe0ea"
+  line-strong: "#a2acbe"
+  link: "#006aa9"
+  brand-pressed: "#006aa9"
+  brand-2-pressed: "#0b1c45"
+  focus-ring: "#ccbaf466"
+  ok: "#3fa02f"
+  ok-soft: "#e1f6d5"
+  pcard-tool-label: 0rem
+  ok-ink: "#2a6e1f"
+  danger: "#dc2323"
+  danger-soft: "#fbe6e6"
+  danger-ink: "#b01c1c"
+  danger-armed: "#c61f1f"
+  danger-text: "#dc2323"
+  warning: "#e5a300"
+  warning-soft: "#fdf3d8"
+  warning-ink: "#8a6300"
+  info: "#009cde"
+  info-soft: "#ccedf9"
+  info-ink: "#006aa9"
+  success: "#146c43"
+  success-soft: "#d0e2d9"
+  success-ink: "#0f5132"
+  busy-soft: "var(--subtle-brand)"
+  busy-ink: "var(--brand-secondary)"
+  accent-soft: "#efeafc"
+  accent-ink: "#5b3fa8"
+  chip-bg: "#009cde"
+  chip-ink: "#ffffff"
+  shadow-card: "0 4px 16px rgba(35, 41, 70, .06)"
+  shadow-card-hover: "0 12px 28px rgba(43, 68, 124, .16)"
+  shadow-float: "0 1.5rem 3rem rgba(43, 68, 124, .28)"
+  shadow-toast: "0 14px 34px rgba(35, 41, 70, .26)"
+  toast-ring: "rgba(255, 255, 255, .9)"
+  code-bg: "#12285f"
+  code-ink: "#ccedf9"
+  terminal-ink: "#c9f7d4"
+  media-bg: "#000000"
+  paper: "#ffffff"
+  checker-a: "#dcdcdc"
+  checker-b: "#d8d8d8"
+  checker-bg: "#f4f4f4"
+  overlay: "#12285fcc"
+  brand-1: "var(--brand-primary)"
+  brand-2: "var(--brand-secondary)"
+  brand-3: "var(--brand-accent)"
+  brand-grad: "linear-gradient(135deg, var(--brand-primary), var(--brand-secondary))"
+  ink: "var(--brand-secondary)"
+
+# The dark half.
+dark:
+  surface: "#0b1c45"
+  surface-card: "#12285f"
+  surface-muted: "#1c3573"
+  surface-input: "#0b1c45"
+  text-default: "#eaf6fd"
+  text-subtle-2: "#ccedf9"
+  text-subtle: "#a2acbe"
+  line: "#2b3c6f"
+  line-strong: "#44578f"
+  link: "#6fd0f7"
+  brand-pressed: "#57c4f2"
+  brand-2-pressed: "#1b2b4d"
+  focus-ring: "#ccbaf466"
+  ok-soft: "#12401a"
+  ok-ink: "#a8e6b8"
+  danger-soft: "#4a1414"
+  danger-ink: "#ffb3b3"
+  danger-armed: "#e0466b"
+  danger-text: "#ff8fa3"
+  warning-soft: "#3f3008"
+  warning-ink: "#f4d58a"
+  info-soft: "#123a63"
+  info-ink: "#9fe2fb"
+  success-soft: "#10291d"
+  success-ink: "#a3d9bd"
+  busy-soft: "#1a2440"
+  busy-ink: "#b9c9ff"
+  accent-soft: "#2a2360"
+  accent-ink: "#d6c9f7"
+  chip-bg: "#009cde"
+  chip-ink: "#0b1c45"
+  subtle-light: "#12285f"
+  subtle-brand: "#123a63"
+  subtle-accent: "#2a2360"
+  shadow-card: "0 4px 16px rgba(0, 0, 0, .35)"
+  shadow-card-hover: "0 12px 28px rgba(0, 0, 0, .50)"
+  shadow-float: "0 1.5rem 3rem rgba(0, 0, 0, .55)"
+  shadow-toast: "0 14px 34px rgba(0, 0, 0, .50)"
+  toast-ring: "rgba(0, 0, 0, .5)"
+  checker-a: "#2a3550"
+  checker-b: "#26314a"
+  checker-bg: "#131b2c"
+  overlay: "#0b1c45e5"
+  ink: "var(--text-default)"

package/core/config/theme.ember.yml

@@ -0,0 +1,160 @@
+# Every token the "ember" theme sets — core/config/theme.ember.yml
+#
+# Ember. A theme is a palette: it declares custom properties and selects nothing, so every
+# value in it is configuration. They are all here, editable on the Settings screen, rather than
+# only by editing a stylesheet inside the app.
+#
+# Names go without the leading dashes. `tokens:` applies to both halves; `dark:` applies to the
+# dark half only, exactly like the html.dark block in a theme file. Anything here overrides the
+# theme CSS, which is what you get with no YAML at all.
+
+tokens:
+  brand-primary: "var(--brand-secondary)"
+  brand-secondary: "#b45309"
+  brand-accent: "#ea580c"
+  brand-grad: "linear-gradient(135deg, var(--brand-primary), var(--brand-secondary) 65%, var(--brand-accent))"
+  text-default: "#292524"
+  text-subtle-2: "#57534e"
+  text-subtle: "#8a827c"
+  surface: "#faf7f2"
+  surface-card: "#fff"
+  surface-muted: "#f2ece3"
+  line: "#e7ded1"
+  line-strong: "#d3c4ae"
+  ok: "#4d7c0f"
+  ok-soft: "#f5f9ec"
+  pcard-tool-label: 0rem
+  ok-ink: "#33501a"
+  danger: "#b91c1c"
+  danger-soft: "#fdf2f2"
+  danger-ink: "#7f1d1d"
+  danger-armed: "#991b1b"
+  danger-text: "#b91c1c"
+  warning: "#d97706"
+  warning-soft: "#fdf3e0"
+  warning-ink: "#7c4a03"
+  info: "#0e7490"
+  info-soft: "#e6f4f7"
+  info-ink: "#164e63"
+  success: "#146c43"
+  success-soft: "#d0e2d9"
+  success-ink: "#0f5132"
+  link: "#b45309"
+  subtle-brand: "#fdf4e7"
+  busy-soft: "#fbf0dd"
+  busy-ink: "var(--brand-secondary)"
+  subtle-light: "#fdfbf7"
+  brand-1: "var(--brand-primary)"
+  brand-2: "var(--brand-secondary)"
+  font-code: "\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace"
+  font-primary: "Figtree, \"Helvetica Neue\", Arial, sans-serif"
+  font-secondary: "\"DM Serif Text\", Georgia, serif"
+  ink: "var(--brand-secondary)"
+  leading-body: 1.6
+  leading-display: 1.3
+  leading-heading: 1.4
+  size-body: 0.9375rem
+  size-h1: 2rem
+  size-h2: 1.625rem
+  size-h3: 1.5rem
+  size-h4: 1.25rem
+  size-h5: 1.125rem
+  size-h6: 1rem
+  subtle-accent: "#fdf6ec"
+  weight-regular: 400
+  weight-semibold: 600
+  tracking-wide: 0.0625em
+  size-small: 0.875rem
+  type-h1: "var(--weight-regular) var(--size-h1)/1.15 var(--font-secondary)"
+  type-h2: "var(--weight-regular) var(--size-h2)/1.2 var(--font-secondary)"
+  type-h3: "var(--weight-semibold) var(--size-h3)/1.25 var(--font-primary)"
+  type-h4: "var(--weight-semibold) var(--size-h4)/1.3 var(--font-primary)"
+  type-h5: "var(--weight-semibold) var(--size-h5)/1.35 var(--font-primary)"
+  type-h6: "var(--weight-semibold) var(--size-h6)/1 var(--font-primary)"
+  type-body: "var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-primary)"
+  type-body-sm: "var(--weight-regular) var(--size-small)/1.45 var(--font-primary)"
+  type-label: "var(--weight-semibold) var(--size-body)/1 var(--font-primary)"
+  type-caption: "var(--weight-regular) var(--size-small)/1.35 var(--font-primary)"
+  type-mono: "var(--weight-regular) var(--size-body)/1.5 var(--font-code)"
+  type-mono-sm: "var(--weight-regular) var(--size-small)/1.4 var(--font-code)"
+  tracking-h1: normal
+  tracking-h2: normal
+  tracking-h3: normal
+  tracking-h4: normal
+  tracking-h5: normal
+  tracking-h6: "var(--tracking-wide)"
+  brand-3: "var(--brand-accent)"
+  brand-dark: "#1c1410"
+  brand-light: "#f5ede2"
+  text-inverse: "#ffffff"
+  text-light: "#f5ede2"
+  text-brand: "var(--brand-primary)"
+  text-accent: "var(--brand-accent)"
+  surface-input: "#ffffff"
+  brand-pressed: "#a24f07"
+  brand-2-pressed: "#92430a"
+  focus-ring: "rgba(217, 119, 6, .35)"
+  accent-soft: "#fdf0e2"
+  accent-ink: "#8a4708"
+  chip-bg: "var(--brand-primary)"
+  chip-ink: "var(--text-inverse)"
+  shadow-card: "0 4px 16px rgba(69, 42, 15, .07)"
+  shadow-card-hover: "0 12px 28px rgba(69, 42, 15, .18)"
+  shadow-float: "0 1.5rem 3rem rgba(69, 42, 15, .28)"
+  shadow-toast: "0 14px 34px rgba(69, 42, 15, .26)"
+  toast-ring: "rgba(255, 255, 255, .9)"
+  code-bg: "#241c14"
+  code-ink: "#f0e6d8"
+  terminal-ink: "#f0c674"
+  media-bg: "#000000"
+  paper: "#ffffff"
+  checker-a: "#e0d8cc"
+  checker-b: "#dad2c6"
+  checker-bg: "#f4f0e9"
+  overlay: "rgba(20, 12, 6, .6)"
+
+# The dark half. Only the tokens that differ at night are listed.
+dark:
+  text-default: "#f5ede2"
+  text-subtle-2: "#d6c9b8"
+  text-subtle: "#a1937f"
+  surface: "#17130f"
+  surface-card: "#211b15"
+  surface-muted: "#1c1712"
+  line: "#362c22"
+  line-strong: "#4d3f31"
+  ok-soft: "#1a2410"
+  ok-ink: "#c2e08a"
+  danger-soft: "#2a1512"
+  danger-ink: "#f4b8b8"
+  danger-armed: "#ef4444"
+  danger-text: "#f87171"
+  warning-soft: "#2a1f10"
+  warning-ink: "#f5c46b"
+  info-soft: "#0f2429"
+  info-ink: "#8fd3e3"
+  success-soft: "#10291d"
+  success-ink: "#a3d9bd"
+  link: "#f59e0b"
+  subtle-brand: "#2a2118"
+  busy-soft: "#14100c"
+  busy-ink: "#f0c674"
+  subtle-light: "#1c1712"
+  surface-input: "#1a1510"
+  brand-pressed: "#f59e0b"
+  brand-2-pressed: "#c2700b"
+  focus-ring: "rgba(245, 158, 11, .40)"
+  accent-soft: "#2e2015"
+  accent-ink: "#f3c98a"
+  chip-bg: "#5a3d1c"
+  chip-ink: "#f5ede2"
+  shadow-card: "0 4px 16px rgba(0, 0, 0, .40)"
+  shadow-card-hover: "0 12px 28px rgba(0, 0, 0, .55)"
+  shadow-float: "0 1.5rem 3rem rgba(0, 0, 0, .60)"
+  shadow-toast: "0 14px 34px rgba(0, 0, 0, .55)"
+  toast-ring: "rgba(0, 0, 0, .5)"
+  checker-a: "#322820"
+  checker-b: "#2c231b"
+  checker-bg: "#1c1712"
+  overlay: "rgba(0, 0, 0, .72)"
+  ink: "var(--text-default)"

package/core/config/theme.github.yml

@@ -0,0 +1,172 @@
+# GitHub — core/config/theme.github.yml
+#
+# A style in the shape of GitHub. The LIGHT values were read straight off a GitHub page: its Primer
+# tokens (--fgColor-default, --bgColor-muted, --borderColor-default and the rest) resolved in the
+# browser, so they are the ones it actually renders with.
+#
+# The DARK half is Primer's published dark palette rather than a second measurement: GitHub ships
+# its dark tokens in a stylesheet that is only fetched when you switch, so they were not on the page
+# to read. Said plainly here because the two halves of this file were not established the same way.
+#
+# Its signatures: the #0969da accent blue, the #1f883d green on the primary button — GitHub is the
+# one product here whose main action is green, not its accent colour — a near-black #1f2328 ink, and
+# a 14px body. Mona Sans and Monaspace Neon are not vendored; the stacks fall back.
+
+# The TYPE is Primer's own scale, read off the page as custom properties rather than measured from
+# one heading: --text-title-size-large 2rem, -medium 1.25rem, -small 1rem, body-medium .875rem,
+# body-small .75rem, with line heights 1.5 / 1.625 / 1.5. It is a FLAT ramp — 32px to 20px to 16px,
+# then body at 14px — which is what a dense interface wants and is the opposite of a landing page.
+
+name: GitHub
+
+tokens:
+  brand-primary: "#0969da"
+  brand-secondary: "#1f2328"
+  brand-accent: "#ddf4ff"
+  brand-dark: "#1f2328"
+  brand-light: "#f6f8fa"
+  subtle-light: "#f6f8fa"
+  subtle-brand: "#ddf4ff"
+  subtle-accent: "#fbefff"
+  text-default: "#1f2328"
+  text-subtle: "#59636e"
+  text-inverse: "#ffffff"
+  text-light: "#f6f8fa"
+  text-brand: "var(--brand-primary)"
+  text-accent: "var(--brand-accent)"
+  font-primary: "\"Mona Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif"
+  font-secondary: "\"Mona Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif"
+  font-code: "\"Monaspace Neon\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
+  weight-regular: 400
+  weight-semibold: 600
+  leading-heading: 1.4
+  leading-display: 1.3
+  leading-body: 1.5
+  tracking-wide: 0.0625em
+  size-h1: 2rem
+  size-h2: 1.25rem
+  size-h3: 1rem
+  size-h4: 0.875rem
+  size-h5: 0.875rem
+  size-h6: 0.75rem
+  size-body: 0.875rem
+  size-small: 0.75rem
+  type-h1: "var(--weight-semibold) var(--size-h1)/1.5 var(--font-primary)"
+  type-h2: "var(--weight-semibold) var(--size-h2)/1.625 var(--font-primary)"
+  type-h3: "var(--weight-semibold) var(--size-h3)/1.5 var(--font-primary)"
+  type-h4: "var(--weight-semibold) var(--size-h4)/1.5 var(--font-primary)"
+  type-h5: "var(--weight-semibold) var(--size-h5)/1.5 var(--font-primary)"
+  type-h6: "var(--weight-semibold) var(--size-h6)/1.4 var(--font-primary)"
+  type-body: "var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-primary)"
+  type-body-sm: "var(--weight-regular) var(--size-small)/1.45 var(--font-primary)"
+  type-label: "var(--weight-semibold) var(--size-body)/1 var(--font-primary)"
+  type-caption: "var(--weight-regular) var(--size-small)/1.35 var(--font-primary)"
+  type-mono: "var(--weight-regular) var(--size-body)/1.5 var(--font-code)"
+  type-mono-sm: "var(--weight-regular) var(--size-small)/1.4 var(--font-code)"
+  tracking-h1: normal
+  tracking-h2: normal
+  tracking-h3: normal
+  tracking-h4: normal
+  tracking-h5: normal
+  tracking-h6: 0.06em
+  surface: "#ffffff"
+  surface-card: "#ffffff"
+  surface-muted: "#f6f8fa"
+  surface-input: "#ffffff"
+  text-subtle-2: "#424a53"
+  line: "#d1d9e0"
+  line-strong: "#b7bfc7"
+  link: "#0969da"
+  brand-pressed: "#0550ae"
+  brand-2-pressed: "#22355f"
+  focus-ring: "#0969da66"
+  ok: "#1f883d"
+  ok-soft: "#dafbe1"
+  pcard-tool-label: 0rem
+  ok-ink: "#1a7f37"
+  danger: "#cf222e"
+  danger-soft: "#ffebe9"
+  danger-ink: "#d1242f"
+  danger-armed: "#a40e26"
+  danger-text: "#d1242f"
+  warning: "#9a6700"
+  warning-soft: "#fff8c5"
+  warning-ink: "#7d4e00"
+  info: "#0969da"
+  info-soft: "#ddf4ff"
+  info-ink: "#0550ae"
+  success: "#146c43"
+  success-soft: "#d0e2d9"
+  success-ink: "#0f5132"
+  busy-soft: "var(--subtle-brand)"
+  busy-ink: "var(--brand-secondary)"
+  accent-soft: "#fbefff"
+  accent-ink: "#8250df"
+  chip-bg: "#0969da"
+  chip-ink: "#ffffff"
+  shadow-card: "0 4px 16px rgba(35, 41, 70, .06)"
+  shadow-card-hover: "0 12px 28px rgba(43, 68, 124, .16)"
+  shadow-float: "0 1.5rem 3rem rgba(43, 68, 124, .28)"
+  shadow-toast: "0 14px 34px rgba(35, 41, 70, .26)"
+  toast-ring: "rgba(255, 255, 255, .9)"
+  code-bg: "#0d1117"
+  code-ink: "#f0f6fc"
+  terminal-ink: "#c9f7d4"
+  media-bg: "#000000"
+  paper: "#ffffff"
+  checker-a: "#dcdcdc"
+  checker-b: "#d8d8d8"
+  checker-bg: "#f4f4f4"
+  overlay: "#1f232899"
+  brand-1: "var(--brand-primary)"
+  brand-2: "var(--brand-secondary)"
+  brand-3: "var(--brand-accent)"
+  brand-grad: "linear-gradient(135deg, var(--brand-primary), var(--brand-secondary))"
+  ink: "var(--brand-secondary)"
+
+# The dark half.
+dark:
+  surface: "#0d1117"
+  surface-card: "#151b23"
+  surface-muted: "#151b23"
+  surface-input: "#010409"
+  text-default: "#f0f6fc"
+  text-subtle-2: "#d1d7e0"
+  text-subtle: "#9198a1"
+  line: "#3d444d"
+  line-strong: "#656c76"
+  link: "#4493f8"
+  brand-pressed: "#316dca"
+  brand-2-pressed: "#1b2b4d"
+  focus-ring: "#4493f866"
+  ok-soft: "#0f2f1a"
+  ok-ink: "#3fb950"
+  danger-soft: "#3c1618"
+  danger-ink: "#f85149"
+  danger-armed: "#da3633"
+  danger-text: "#ff7b72"
+  warning-soft: "#3a2d12"
+  warning-ink: "#d29922"
+  info-soft: "#121d2f"
+  info-ink: "#4493f8"
+  success-soft: "#10291d"
+  success-ink: "#a3d9bd"
+  busy-soft: "#1a2440"
+  busy-ink: "#b9c9ff"
+  accent-soft: "#211f36"
+  accent-ink: "#ab7df8"
+  chip-bg: "#316dca"
+  chip-ink: "#f0f6fc"
+  subtle-light: "#151b23"
+  subtle-brand: "#121d2f"
+  subtle-accent: "#211f36"
+  shadow-card: "0 4px 16px rgba(0, 0, 0, .35)"
+  shadow-card-hover: "0 12px 28px rgba(0, 0, 0, .50)"
+  shadow-float: "0 1.5rem 3rem rgba(0, 0, 0, .55)"
+  shadow-toast: "0 14px 34px rgba(0, 0, 0, .50)"
+  toast-ring: "rgba(0, 0, 0, .5)"
+  checker-a: "#2a3550"
+  checker-b: "#26314a"
+  checker-bg: "#131b2c"
+  overlay: "#010409cc"
+  ink: "var(--text-default)"

package/core/config/theme.gitlab.yml

@@ -0,0 +1,168 @@
+# GitLab — core/config/theme.gitlab.yml
+#
+# A style in the shape of GitLab. The values were read off a GitLab page from its Pajamas design
+# system — --gl-text-color-default, --gl-background-color-strong, --gl-border-color-default and the
+# --gl-color-* ramp — resolved in the browser rather than sampled from a screenshot.
+#
+# Its signatures: the #6d49cb brand purple, an #ececef page under white cards (GitLab tints the page
+# and keeps the cards white, which is the opposite of what most of these do), a #3a383f warm-grey
+# ink rather than a black one, and a 14px body. GitLab Sans and GitLab Mono are not vendored.
+
+# The TYPE was measured from GitLab's own .gl-heading-1 … .gl-heading-6 classes, rendered in the
+# page and read back: 30 / 25 / 20 / 16 / 14 / 14px, all at 600 and all on a 1.25 line height, with
+# -0.01em tracking on the first two only. Body is 14px on 1.5. Every step is 600 — GitLab does not
+# use weight to separate heading levels, only size.
+
+name: GitLab
+
+tokens:
+  brand-primary: "#6d49cb"
+  brand-secondary: "#28272d"
+  brand-accent: "#fd7e14"
+  brand-dark: "#18171d"
+  brand-light: "#fbfafd"
+  subtle-light: "#fbfafd"
+  subtle-brand: "#ece7fb"
+  subtle-accent: "#fdf1dd"
+  text-default: "#3a383f"
+  text-subtle: "#626168"
+  text-inverse: "#ffffff"
+  text-light: "#fbfafd"
+  text-brand: "var(--brand-primary)"
+  text-accent: "var(--brand-accent)"
+  font-primary: "\"GitLab Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Noto Sans\", Ubuntu, Cantarell, sans-serif"
+  font-secondary: "\"GitLab Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Noto Sans\", Ubuntu, Cantarell, sans-serif"
+  font-code: "\"GitLab Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
+  weight-regular: 400
+  weight-semibold: 600
+  leading-heading: 1.4
+  leading-display: 1.3
+  leading-body: 1.5
+  tracking-wide: 0.0625em
+  size-h1: 1.875rem
+  size-h2: 1.5625rem
+  size-h3: 1.25rem
+  size-h4: 1rem
+  size-h5: 0.875rem
+  size-h6: 0.875rem
+  size-body: 0.875rem
+  size-small: 0.75rem
+  type-h1: "var(--weight-semibold) var(--size-h1)/1.25 var(--font-primary)"
+  type-h2: "var(--weight-semibold) var(--size-h2)/1.25 var(--font-primary)"
+  type-h3: "var(--weight-semibold) var(--size-h3)/1.25 var(--font-primary)"
+  type-h4: "var(--weight-semibold) var(--size-h4)/1.25 var(--font-primary)"
+  type-h5: "var(--weight-semibold) var(--size-h5)/1.25 var(--font-primary)"
+  type-h6: "var(--weight-semibold) var(--size-h6)/1.2 var(--font-primary)"
+  type-body: "var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-primary)"
+  type-body-sm: "var(--weight-regular) var(--size-small)/1.45 var(--font-primary)"
+  type-label: "var(--weight-semibold) var(--size-body)/1 var(--font-primary)"
+  type-caption: "var(--weight-regular) var(--size-small)/1.35 var(--font-primary)"
+  type-mono: "var(--weight-regular) var(--size-body)/1.5 var(--font-code)"
+  type-mono-sm: "var(--weight-regular) var(--size-small)/1.4 var(--font-code)"
+  tracking-h1: -0.01em
+  tracking-h2: -0.01em
+  tracking-h3: normal
+  tracking-h4: normal
+  tracking-h5: normal
+  tracking-h6: normal
+  surface: "#ececef"
+  surface-card: "#ffffff"
+  surface-muted: "#fbfafd"
+  surface-input: "#ffffff"
+  text-subtle-2: "#4c4b51"
+  line: "#dcdcde"
+  line-strong: "#bfbfc3"
+  link: "#1f75cb"
+  brand-pressed: "#6a4fb4"
+  brand-2-pressed: "#22355f"
+  focus-ring: "#1f75cb66"
+  ok: "#108548"
+  ok-soft: "#ecf4ee"
+  pcard-tool-label: 0rem
+  ok-ink: "#0d7038"
+  danger: "#dd2b0e"
+  danger-soft: "#fcf1ef"
+  danger-ink: "#ae1800"
+  danger-armed: "#ae1800"
+  danger-text: "#dd2b0e"
+  warning: "#ab6100"
+  warning-soft: "#fdf1dd"
+  warning-ink: "#8f4700"
+  info: "#1f75cb"
+  info-soft: "#e9f3fc"
+  info-ink: "#1068bf"
+  success: "#146c43"
+  success-soft: "#d0e2d9"
+  success-ink: "#0f5132"
+  busy-soft: "var(--subtle-brand)"
+  busy-ink: "var(--brand-secondary)"
+  accent-soft: "#ece7fb"
+  accent-ink: "#6d49cb"
+  chip-bg: "#6d49cb"
+  chip-ink: "#ffffff"
+  shadow-card: "0 4px 16px rgba(35, 41, 70, .06)"
+  shadow-card-hover: "0 12px 28px rgba(43, 68, 124, .16)"
+  shadow-float: "0 1.5rem 3rem rgba(43, 68, 124, .28)"
+  shadow-toast: "0 14px 34px rgba(35, 41, 70, .26)"
+  toast-ring: "rgba(255, 255, 255, .9)"
+  code-bg: "#28272d"
+  code-ink: "#ececef"
+  terminal-ink: "#c9f7d4"
+  media-bg: "#000000"
+  paper: "#ffffff"
+  checker-a: "#dcdcdc"
+  checker-b: "#d8d8d8"
+  checker-bg: "#f4f4f4"
+  overlay: "#18171dcc"
+  brand-1: "var(--brand-primary)"
+  brand-2: "var(--brand-secondary)"
+  brand-3: "var(--brand-accent)"
+  brand-grad: "linear-gradient(135deg, var(--brand-primary), var(--brand-secondary))"
+  ink: "var(--brand-secondary)"
+
+# The dark half.
+dark:
+  surface: "#18171d"
+  surface-card: "#28272d"
+  surface-muted: "#3a383f"
+  surface-input: "#28272d"
+  text-default: "#ececef"
+  text-subtle-2: "#dcdcde"
+  text-subtle: "#bfbfc3"
+  line: "#4c4b51"
+  line-strong: "#626168"
+  link: "#63a6e9"
+  brand-pressed: "#a989f5"
+  brand-2-pressed: "#1b2b4d"
+  focus-ring: "#63a6e966"
+  ok-soft: "#0a4020"
+  ok-ink: "#91d4a8"
+  danger-soft: "#4b140b"
+  danger-ink: "#f57f6c"
+  danger-armed: "#e0466b"
+  danger-text: "#ff8fa3"
+  warning-soft: "#422800"
+  warning-ink: "#e9be74"
+  info-soft: "#0b2640"
+  info-ink: "#9dc7f1"
+  success-soft: "#10291d"
+  success-ink: "#a3d9bd"
+  busy-soft: "#1a2440"
+  busy-ink: "#b9c9ff"
+  accent-soft: "#232150"
+  accent-ink: "#cbbbf2"
+  chip-bg: "#6d49cb"
+  chip-ink: "#ffffff"
+  subtle-light: "#28272d"
+  subtle-brand: "#232150"
+  subtle-accent: "#3a2c17"
+  shadow-card: "0 4px 16px rgba(0, 0, 0, .35)"
+  shadow-card-hover: "0 12px 28px rgba(0, 0, 0, .50)"
+  shadow-float: "0 1.5rem 3rem rgba(0, 0, 0, .55)"
+  shadow-toast: "0 14px 34px rgba(0, 0, 0, .50)"
+  toast-ring: "rgba(0, 0, 0, .5)"
+  checker-a: "#2a3550"
+  checker-b: "#26314a"
+  checker-bg: "#131b2c"
+  overlay: "#18171de5"
+  ink: "var(--text-default)"