nico
947adc1537
- Tambah scripts/build.ts untuk build CSS via PostCSS/Tailwind - Update package.json build script untuk gunakan build script baru - Fix responsive grid di sosial-page (lg -> md breakpoint) - Tambah padding responsive untuk mobile display - Convert inline styles ke Tailwind classes untuk konsistensi - Update tailwind.config.js content paths - Tambah CSS variables di index.css untuk color palette - Update Dockerfile untuk gunakan build script baru Fixes: tampilan berantakan di staging karena CSS tidak ter-build dengan benar Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
82 lines
1.6 KiB
JavaScript
82 lines
1.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./src/index.html",
|
|
"./public/**/*.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
"darmasaba-navy": {
|
|
DEFAULT: "#1E3A5F",
|
|
50: "#E1E4F2",
|
|
100: "#B9C2DD",
|
|
200: "#91A0C9",
|
|
300: "#697EBA",
|
|
400: "#4C6CAE",
|
|
500: "#3B5B97",
|
|
600: "#2C497F",
|
|
700: "#1E3766",
|
|
800: "#12264D",
|
|
900: "#071833",
|
|
},
|
|
"darmasaba-blue": {
|
|
DEFAULT: "#3B82F6",
|
|
50: "#E3F0FF",
|
|
100: "#B6D9FF",
|
|
200: "#89C2FF",
|
|
300: "#5CA9FF",
|
|
400: "#3B8FFF",
|
|
500: "#237AE0",
|
|
600: "#1C6BBF",
|
|
700: "#155BA0",
|
|
800: "#0E4980",
|
|
900: "#073260",
|
|
},
|
|
"darmasaba-success": {
|
|
DEFAULT: "#22C55E",
|
|
50: "#E3F9E7",
|
|
100: "#BFEEC7",
|
|
200: "#9BD8A7",
|
|
300: "#77C387",
|
|
400: "#5DB572",
|
|
500: "#499A5D",
|
|
600: "#3C7F4A",
|
|
700: "#2F6438",
|
|
800: "#234926",
|
|
900: "#17301B",
|
|
},
|
|
"darmasaba-warning": {
|
|
DEFAULT: "#FACC15",
|
|
50: "#FFF8E1",
|
|
100: "#FEE7B3",
|
|
200: "#FDD785",
|
|
300: "#FDC757",
|
|
400: "#FBBF3B",
|
|
500: "#E1AC23",
|
|
600: "#C2981D",
|
|
700: "#A38418",
|
|
800: "#856F12",
|
|
900: "#675A0D",
|
|
},
|
|
"darmasaba-danger": {
|
|
DEFAULT: "#EF4444",
|
|
50: "#FFE3E3",
|
|
100: "#FFBABA",
|
|
200: "#FF9191",
|
|
300: "#FF6868",
|
|
400: "#FA4B4B",
|
|
500: "#E03333",
|
|
600: "#C22A2A",
|
|
700: "#A32020",
|
|
800: "#851616",
|
|
900: "#670C0C",
|
|
},
|
|
"darmasaba-background": "#F5F8FB",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|