From a014e2c2127bc10b1e8735d7b748cd0ae911e35e Mon Sep 17 00:00:00 2001 From: Jason Bahl Date: Mon, 8 Jul 2024 13:42:28 -0600 Subject: [PATCH] - update colors, fonts, logo --- components/Button.jsx | 4 +- components/DocsSidebarNavigation.jsx | 4 +- components/FeatureTabsLeft.jsx | 8 +- components/FeatureTabsTop.jsx | 10 +- .../HomepageLayoutsLayoutsFaqsLayout.jsx | 2 +- .../HomepageLayoutsLayoutsHeroLayout.jsx | 4 +- ...ayoutsLayoutsSupportedFieldTypesLayout.jsx | 12 +-- components/Layout.jsx | 2 +- components/Logo.jsx | 2 +- components/PrimaryNavigation.jsx | 5 +- components/SiteHeader.jsx | 6 +- components/ui/badge.tsx | 2 +- components/ui/navigation-menu.tsx | 2 +- pages/_document.js | 2 +- public/fonts/inter/InterVariable-Italic.ttf | Bin 0 -> 894460 bytes public/fonts/inter/InterVariable.ttf | Bin 0 -> 862936 bytes .../lora/Lora-Italic-VariableFont_wght.ttf | Bin 0 -> 219120 bytes public/fonts/lora/Lora-VariableFont_wght.ttf | Bin 0 -> 210884 bytes styles/tailwind.css | 101 +++++++++++++----- tailwind.config.js | 73 ++++++++++++- 20 files changed, 177 insertions(+), 62 deletions(-) create mode 100644 public/fonts/inter/InterVariable-Italic.ttf create mode 100644 public/fonts/inter/InterVariable.ttf create mode 100644 public/fonts/lora/Lora-Italic-VariableFont_wght.ttf create mode 100644 public/fonts/lora/Lora-VariableFont_wght.ttf diff --git a/components/Button.jsx b/components/Button.jsx index 3c36278..c203253 100644 --- a/components/Button.jsx +++ b/components/Button.jsx @@ -3,9 +3,9 @@ import Link from 'next/link' const styles = { primary: - 'rounded-full bg-orange-500 py-2 px-4 text-sm font-semibold text-slate-900 hover:bg-orange-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-orange-300/50 active:bg-orange-500', + 'btn-primary', secondary: - 'rounded-full bg-slate-800 py-2 px-4 text-sm font-medium text-white hover:bg-slate-700 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white/50 active:text-slate-400', + 'btn-secondary', } export function Button({ variant = 'primary', className, href, ...props }) { diff --git a/components/DocsSidebarNavigation.jsx b/components/DocsSidebarNavigation.jsx index 243d8ed..f583256 100644 --- a/components/DocsSidebarNavigation.jsx +++ b/components/DocsSidebarNavigation.jsx @@ -78,7 +78,7 @@ export function DocsSidebarNavigation({ className, data, navigation }) { className={clsx( 'mt-2 space-y-2 border-l-2 transition-all duration-300', expandedSections[section.title] - ? 'border-slate-100 dark:border-slate-800' + ? 'border-slate-100 dark:border-slate-700' : 'hidden border-transparent', 'lg:mt-4 lg:space-y-4 lg:border-slate-200' )} @@ -87,7 +87,7 @@ export function DocsSidebarNavigation({ className, data, navigation }) {
  • {link.title} diff --git a/components/FeatureTabsLeft.jsx b/components/FeatureTabsLeft.jsx index 51090d4..01534c5 100644 --- a/components/FeatureTabsLeft.jsx +++ b/components/FeatureTabsLeft.jsx @@ -30,7 +30,7 @@ const FeatureTabsLeft = (layout) => {
    @@ -58,8 +58,8 @@ const FeatureTabsLeft = (layout) => { className={clsx( 'group relative my-2 rounded-full px-4 py-1 lg:rounded-l-xl lg:rounded-r-none lg:p-6', selectedIndex === featureIndex - ? 'bg-slate-600 group-hover:text-white dark:bg-slate-800 lg:ring-1 lg:ring-inset lg:ring-white/10 lg:dark:bg-slate-700 ' - : 'bg-gray-100 hover:bg-slate-600 group-hover:text-white dark:hover:bg-slate-800 lg:dark:hover:bg-slate-700', + ? 'bg-gradient-build group-hover:text-white dark:bg-blue-800 lg:ring-1 lg:ring-inset lg:ring-white/10' + : 'bg-gradient-build-light hover:bg-gradient-build group-hover:text-white dark:hover:bg-blue-900', )} >

    @@ -93,7 +93,7 @@ const FeatureTabsLeft = (layout) => { {features.map((feature) => (
    -
    +

    {feature.featureDescription}

    diff --git a/components/FeatureTabsTop.jsx b/components/FeatureTabsTop.jsx index 57faa19..0ac653b 100644 --- a/components/FeatureTabsTop.jsx +++ b/components/FeatureTabsTop.jsx @@ -13,8 +13,8 @@ function Feature({ feature, isActive, className, ...props }) { className, 'rounded-lg p-5', !isActive - ? 'opacity-75 hover:bg-slate-50 hover:opacity-100 dark:hover:bg-gray-800' - : 'bg-slate-100 dark:bg-slate-800', + ? 'opacity-75 hover:bg-slate-50 hover:opacity-100 dark:hover:bg-slate-900' + : 'bg-slate-100 dark:bg-slate-900', )} {...props} > @@ -86,7 +86,7 @@ function FeaturesDesktop({ features }) { /> ))} - +
    {features.map((feature, featureIndex) => ( {

    {feature.name}

    -

    - {feature.description} -

    +
    diff --git a/components/HomepageLayoutsLayoutsFaqsLayout.jsx b/components/HomepageLayoutsLayoutsFaqsLayout.jsx index 2b12135..8230666 100644 --- a/components/HomepageLayoutsLayoutsFaqsLayout.jsx +++ b/components/HomepageLayoutsLayoutsFaqsLayout.jsx @@ -28,7 +28,7 @@ const HomepageLayoutsLayoutsFaqsLayout = ({ title, description, questions }) =>
    diff --git a/components/HomepageLayoutsLayoutsHeroLayout.jsx b/components/HomepageLayoutsLayoutsHeroLayout.jsx index 370afc6..38e24f5 100644 --- a/components/HomepageLayoutsLayoutsHeroLayout.jsx +++ b/components/HomepageLayoutsLayoutsHeroLayout.jsx @@ -18,13 +18,13 @@ function TrafficLightsIcon(props) { const HomepageLayoutsLayoutsHeroLayout = (hero) => { return ( -
    +
    )} -
    -
    +
    +
    ) } @@ -149,13 +149,13 @@ function FieldTypeGrid({ fieldTypes }) { const HomepageLayoutsLayoutsSupportedFieldTypesLayout = (data) => { return (

    {data.title} diff --git a/components/Layout.jsx b/components/Layout.jsx index b9dda98..127f46f 100644 --- a/components/Layout.jsx +++ b/components/Layout.jsx @@ -135,7 +135,7 @@ export function Layout({ node, children, toc, title }) {
    -
    +
    + diff --git a/components/PrimaryNavigation.jsx b/components/PrimaryNavigation.jsx index 2de4c41..1599612 100644 --- a/components/PrimaryNavigation.jsx +++ b/components/PrimaryNavigation.jsx @@ -63,7 +63,7 @@ export function PrimaryNavigation({ navigation }) {
  • @@ -71,7 +71,7 @@ export function PrimaryNavigation({ navigation }) {
    {sublink?.label}
    -

    +

    {sublink.menuItemMeta?.description}

    @@ -86,6 +86,7 @@ export function PrimaryNavigation({ navigation }) { href={sublink.href} target={sublink?.target ?? null} title={sublink.label} + className="text-accent-foreground" > {sublink.menuItemMeta?.description} diff --git a/components/SiteHeader.jsx b/components/SiteHeader.jsx index 9a465d8..302c819 100644 --- a/components/SiteHeader.jsx +++ b/components/SiteHeader.jsx @@ -33,8 +33,8 @@ export function SiteHeader({ navigation, isNoticeVisible = false }) { headerTopPosition, 'z-40 flex flex-wrap items-center justify-between bg-white px-4 py-5 shadow-md shadow-slate-900/5 transition duration-500 dark:shadow-none sm:px-6 lg:px-8', isScrolled - ? 'dark:bg-slate-900/95 dark:backdrop-blur dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75' - : 'dark:bg-slate-900', + ? 'dark:bg-navy/95 dark:backdrop-blur dark:[@supports(backdrop-filter:blur(0))]:bg-navy/75' + : 'dark:bg-navy', )} >
    @@ -42,7 +42,7 @@ export function SiteHeader({ navigation, isNoticeVisible = false }) {
    - +
    diff --git a/components/ui/badge.tsx b/components/ui/badge.tsx index 0fe3291..9fa9d32 100644 --- a/components/ui/badge.tsx +++ b/components/ui/badge.tsx @@ -9,7 +9,7 @@ const badgeVariants = cva( variants: { variant: { default: - 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80', + 'border-transparent bg-primary dark:bg-slate-900 dark:text-white text-primary-foreground hover:bg-primary/80', secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80', destructive: diff --git a/components/ui/navigation-menu.tsx b/components/ui/navigation-menu.tsx index 154ba3a..b1a900c 100644 --- a/components/ui/navigation-menu.tsx +++ b/components/ui/navigation-menu.tsx @@ -86,7 +86,7 @@ const NavigationMenuViewport = React.forwardRef<
    - +
    diff --git a/public/fonts/inter/InterVariable-Italic.ttf b/public/fonts/inter/InterVariable-Italic.ttf new file mode 100644 index 0000000000000000000000000000000000000000..ed674e77cb61b71f4fda616cd70b4bf9849c743a GIT binary patch literal 894460 zcmd?ScbFALxAwg%bnmGKh8#p@&kQ+(3WA7|B#8);O=J)ws2~cc7)VC4ND>o*0s@jj zf(Vj9KoLnZWKf43B<=5Bd-d?(bDr}Y&v%{kzJI)2*U!7UySlonR#kP?s@@|hBFc^b zSgKh6p1Sq6KNNgN=H;wJB|od*v`O>BW%4g0^Z88Dm50`E-m-S-e*0>Yx2q=6!zUZG zs@1Gq!A{f3uTqhy+>ecMysJaO{p5GCNOek+<`r&@{_)umBDDa=?VGo#)#8c1jSu4b zG#u~l@Ir^@`un}slizhPjw^L~xyvLq;sq0%^ z2TUPaewK9kt&ib)WLCpfanWv1 z_k6Klp=-|(=>o`a(Wkn1>X2pd>PRU?pYlwHr@O2jc)ly? z6KjaFf83+{^F90YnctUm>?xv`KO(L>lr-08l}@zFUi}=I1e_pB@8A60P=C0T_3Bf3 z)+OvAO$P8CNS-LN{8}!eyuB`EJ-SU6W0tAl8gNj^QYk6KK}FadUc&C>E1EM3$=z zWC{16Fm1i9kQ7SrYSI^WCQ=^|+wp&$xfJn$zl{$1$7!d(6PgCSjRr9PA%7hI#(e+H z`y*##J8s0QPObk+?6lv4KDd5v2fgk6*K~--Sw*e=J-8S8FG-6{4=Pe?#%}pPN+o`t z_Zw~W%g`~u677sULkA-Rp}nB}Xs7okP3G(WAzurT&xNtNHm+3EyMX%mdpwJHaeSg@ z89u%-9KU`V`8ti3F3RD*;NL;7@;N_;oR93M)(K&pNH*FSX-vl=t!QV$Fglnp1^NMW zBFc42MvhX*%ZJhJFS6`vago zp?zWhO)59YnfVNRC$+W5Y2)?dVN}mDJ3>X+YY&_J3;cz2&>M_vPg5JdZU_DiKBi*+ z3$RhOe~%wQTlibV>i(U0kqbyKN^jr5^L~N99N&2De?H95`e&l_d^|rV(Y`C9ecyq0 z4Lc>g4ebMc4R-roxy(2>+W&7@;8mpYURkv}j59c{XJ~|%0a*Vx;b;6u3Zl%LGQrrh z=|98k72AEC2?#TM?it)ahqlI*!~c#p^blWir6$o1H`FdoMZi5*2;rlHM(`s)U&(p|P{Y`ZPb`rqIVDsMCJ-pdR7U!_m=Bx(a1 z>akQw52iMzUhG}JGoOq7p+BaZ!|NO;=^x?PdR!kHKYooK)UQ!#zzSm5!f+#mr-8nF zjP}v}I_D6c9lMJ6c8=@kZoK|K5$0$7GmEJQ+GdaVbHgwn|F^h``2UK(lg_I&!oC{Y zY2!*G{CDV6A$IH^;mmWQwk^hj8yOaxf;9eMyq=<&$NxWcrx&5mGl}2d5_x=*QvWVq zKDy6-jP~?=YzO9V?|8MSBClC6KPepvsCOg_o$^yC#lMJkUJP@`8kjpa!2ID2%o#C< z!29iB!cfd54q$C`K;`sTV~+7(#o_dl=|!&tUGbMVr$=7=b@ZG+EVeB& zBepy8b8NRgNloKxf>wBUyZ~a9z;jLS2jmmw_dh~fD>27!g*C!h+Ttw$tYfK7Bp>aM zOvN?C_20s}l-GQ>V7+&o5)xtv|3vK)qR`^8bgwGT??reAJsU|!9_C@ZJBRjij+%R) z&?bKg?YC2?zSk6U)&B$7Rk5q_wl)ppMI*W;&Jd~@*Zb%WJBaS{hCws0{VUBw)#772 zkMDmEhj@P%PSe>7^o*{I@u)I23bjh8e6B7i16qd4=l+S<0i0_As(PvDUoTNz%q5zgA+Gy(!+HtW3aTdlF_@$BG-l1K8#q}q{ zFxz=9(q2rh(2pD0(inpVf*<5O`q)If3_$%+NQ0m867DZa4|<0X&cJg(jW^X^!AE9Olrk*vIK9yPtBIXzUfc z0`J+6sIb=x@2-|ukCdf3E*tvs1Ju!5ME6G~QAv&)_r2wyZhlF`Wq(knk8B&pe5~_= z3bAYcKB|d++{W8N)e_F5uWmy7-X2?W-M5y7dYIZY+ot24%JA4x4t4%3J!`LEY&?T} z4WW)Wf3H1DT|AC|EA2x5o5$mQPA%+bG!yH_F<<~_51NCf;4Lr&%mdxP>mV~8$7vEC zpVP%-Kf%XR1JnfV_}HY-A(I?C0BvDX;`*UUh0Rmw9L}GCcE)+usW^YutElb={QQOB zNzfzY3n=pySOkWJ+8sI-48(o)q1z=)gP_cJA*-Q3foY)*hJFtwfi=i4Wda}Goi;D6 z(v4AvW2p(W6y_IAY<`-NP@ZNWJi{i&GHfD!4ZWy;qow*d%KjVrIP-h#6l0#G;pU0h z$;f=9@f&SIoI}vZ^zWo_?Gy6^eB1M>rpYKpFIlKfy)YUzG&CHT zTvz^)u)gl6ruu&B6{lPL+Du$e!+iai$xTn2Je1W=rKjzel-0WrY2Qa5f>%Q3L79bM z4frHfzCIj`1S`QDFe>CnD6<_L082yt06IP7keM7CY>v?~bDVmbRp_spX2XxS%4