wehub-resource-sync
142 lines
4.0 KiB
JavaScript
142 lines
4.0 KiB
JavaScript
// Copyright 2026 Google LLC
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// https://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
"surface": "#0b1326",
|
|
"surface-dim": "#0b1326",
|
|
"surface-bright": "#31394d",
|
|
"surface-container-lowest": "#060e20",
|
|
"surface-container-low": "#131b2e",
|
|
"surface-container": "#171f33",
|
|
"surface-container-high": "#222a3d",
|
|
"surface-container-highest": "#2d3449",
|
|
"on-surface": "#dae2fd",
|
|
"on-surface-variant": "#c4c7c8",
|
|
"inverse-surface": "#dae2fd",
|
|
"inverse-on-surface": "#283044",
|
|
"outline": "#8e9192",
|
|
"outline-variant": "#444748",
|
|
"surface-tint": "#c6c6c7",
|
|
"primary": "#ffffff",
|
|
"on-primary": "#2f3131",
|
|
"primary-container": "#e2e2e2",
|
|
"on-primary-container": "#636565",
|
|
"inverse-primary": "#5d5f5f",
|
|
"secondary": "#adc9eb",
|
|
"on-secondary": "#14324e",
|
|
"secondary-container": "#304b68",
|
|
"on-secondary-container": "#9fbbdd",
|
|
"tertiary": "#ffffff",
|
|
"on-tertiary": "#620040",
|
|
"tertiary-container": "#ffd8e7",
|
|
"on-tertiary-container": "#ab3779",
|
|
"error": "#ffb4ab",
|
|
"on-error": "#690005",
|
|
"error-container": "#93000a",
|
|
"on-error-container": "#ffdad6",
|
|
"primary-fixed": "#e2e2e2",
|
|
"primary-fixed-dim": "#c6c6c7",
|
|
"on-primary-fixed": "#1a1c1c",
|
|
"on-primary-fixed-variant": "#454747",
|
|
"secondary-fixed": "#d0e4ff",
|
|
"secondary-fixed-dim": "#adc9eb",
|
|
"on-secondary-fixed": "#001d35",
|
|
"on-secondary-fixed-variant": "#2d4965",
|
|
"tertiary-fixed": "#ffd8e7",
|
|
"tertiary-fixed-dim": "#ffafd3",
|
|
"on-tertiary-fixed": "#3d0026",
|
|
"on-tertiary-fixed-variant": "#85145a",
|
|
"background": "#0b1326",
|
|
"on-background": "#dae2fd",
|
|
"surface-variant": "#2d3449",
|
|
},
|
|
fontFamily: {
|
|
"display-lg": ["Inter"],
|
|
"headline-lg": ["Inter"],
|
|
"headline-md": ["Inter"],
|
|
"body-lg": ["Inter"],
|
|
"body-md": ["Inter"],
|
|
"label-sm": ["Inter"],
|
|
},
|
|
fontSize: {
|
|
"display-lg": [
|
|
"84px",
|
|
{
|
|
lineHeight: "90px",
|
|
letterSpacing: "-0.04em",
|
|
fontWeight: "700",
|
|
},
|
|
],
|
|
"headline-lg": [
|
|
"32px",
|
|
{
|
|
lineHeight: "40px",
|
|
letterSpacing: "-0.02em",
|
|
fontWeight: "600",
|
|
},
|
|
],
|
|
"headline-md": [
|
|
"24px",
|
|
{
|
|
lineHeight: "32px",
|
|
fontWeight: "500",
|
|
},
|
|
],
|
|
"body-lg": [
|
|
"18px",
|
|
{
|
|
lineHeight: "28px",
|
|
fontWeight: "400",
|
|
},
|
|
],
|
|
"body-md": [
|
|
"16px",
|
|
{
|
|
lineHeight: "24px",
|
|
fontWeight: "400",
|
|
},
|
|
],
|
|
"label-sm": [
|
|
"12px",
|
|
{
|
|
lineHeight: "16px",
|
|
letterSpacing: "0.05em",
|
|
fontWeight: "600",
|
|
},
|
|
],
|
|
},
|
|
borderRadius: {
|
|
"sm": "0.25rem",
|
|
"DEFAULT": "0.5rem",
|
|
"md": "0.75rem",
|
|
"lg": "1rem",
|
|
"xl": "1.5rem",
|
|
"full": "9999px",
|
|
},
|
|
spacing: {
|
|
"unit": "8px",
|
|
"container-padding": "24px",
|
|
"card-gap": "16px",
|
|
"section-margin": "40px",
|
|
"glass-padding": "20px",
|
|
},
|
|
},
|
|
},
|
|
};
|