/* graphixlab theme override - NO Twenty image rebuild needed. Twenty's colors/radius are plain CSS custom properties (--t-accent-*, --t-border-radius-*), set by a `.light`/`.dark` class on , NOT baked into the JS bundle. This file redeclares the same variables with graphixlab values, same as source-level commit ba4bef9c (packages/twenty-ui/src/theme/constants/AccentLight.ts, AccentDark.ts, BorderCommon.ts) but WITHOUT rebuilding the twenty-front image. Load this AFTER Twenty's own stylesheet (Traefik/nginx response-header insert, or an extra in index.html) so the cascade wins. */ .light { --t-accent-primary: #4A6741; --t-accent-secondary: #5C7A52; --t-accent-tertiary: #E9F6E9; --t-accent-quaternary: #F5FBF5; --t-accent-accent3570: #65BA74; --t-accent-accent4060: #65BA74; --t-accent-accent1: #FBFEFB; --t-accent-accent2: #F5FBF5; --t-accent-accent3: #E9F6E9; --t-accent-accent4: #DAF1DB; --t-accent-accent5: #C9E8CA; --t-accent-accent6: #B2DDB5; --t-accent-accent7: #94CE9A; --t-accent-accent8: #65BA74; --t-accent-accent9: #46A758; --t-accent-accent10: #3E9B4F; --t-accent-accent11: #2A7E3B; --t-accent-accent12: #203C25; --t-border-radius-xs: 2px; --t-border-radius-sm: 4px; --t-border-radius-md: 4px; --t-border-radius-lg: 4px; --t-border-radius-xl: 5px; --t-border-radius-xxl: 5px; --t-border-radius-pill: 4px; --t-border-radius-rounded: 4px; --t-border-radius-sm-round: 4px; --t-border-radius-md-round: 4px; } .dark { --t-accent-primary: #6E8F63; --t-accent-secondary: #5C7A52; --t-accent-tertiary: #10250F; --t-accent-quaternary: #0B1A0B; --t-accent-accent3570: #4B8156; --t-accent-accent4060: #4B8156; --t-accent-accent1: #0E1512; --t-accent-accent2: #131C13; --t-accent-accent3: #172217; --t-accent-accent4: #1B2A1B; --t-accent-accent5: #22331F; --t-accent-accent6: #2A3D27; --t-accent-accent7: #354A31; --t-accent-accent8: #435C3D; --t-accent-accent9: #46A758; --t-accent-accent10: #4EB760; --t-accent-accent11: #71D083; --t-accent-accent12: #C2F0C2; --t-border-radius-xs: 2px; --t-border-radius-sm: 4px; --t-border-radius-md: 4px; --t-border-radius-lg: 4px; --t-border-radius-xl: 5px; --t-border-radius-xxl: 5px; --t-border-radius-pill: 4px; --t-border-radius-rounded: 4px; --t-border-radius-sm-round: 4px; --t-border-radius-md-round: 4px; } /* @supports (corner-shape: squircle) - Chromium 139+ progressive enhancement. A squircle-sarok kb 2x radius-t igenyel hogy ugyanakkorának lasson mint egy kerek sarok, ezert a Twenty-eredeti a xs/sm/md/lg/xl/xxl tokeneket MEGDUPLAZZA ebben a blokkban (pill/rounded/*-round token NEM duplazodik, azok korok/kapszulak maradnak korformaban - de nalunk azok mar 4px-re vannak huzva odafent, tehat nem korok tobbe). Ha ezt nem irjuk felul, squircle-t tamogato bongeszoben (uj Chrome) visszaugrik a Twenty-eredeti NAGY radiusra. Ugyanazokkal az aranyokkal duplazva, ahogy a forras teszi: */ @supports (corner-shape: squircle) { .light { --t-border-radius-xs: 4px; --t-border-radius-sm: 8px; --t-border-radius-md: 8px; --t-border-radius-lg: 8px; --t-border-radius-xl: 10px; --t-border-radius-xxl: 10px; } .dark { --t-border-radius-xs: 4px; --t-border-radius-sm: 8px; --t-border-radius-md: 8px; --t-border-radius-lg: 8px; --t-border-radius-xl: 10px; --t-border-radius-xxl: 10px; } }