feat: highliting sections

src/app/tools/tankopedia/[id]/components/Model/HeroSection.tsx

@@ -25,7 +25,7 @@ export function HeroSection() {
       justify="center"
       pt={wideFormat ? '0' : '6'}
       style={{
-        background: `linear-gradient(${wideFormat ? -90 : 180}deg, ${theme.colors.appBackground1}, ${theme.colors.appBackground2})`,
+        background: 'var(--color-surface)',
         position: 'relative',
         height: wideFormat ? undefined : 'calc(75vh - 64px)',
       }}

src/app/tools/tankopedia/[id]/components/Model/TechTreeSection.tsx

@@ -133,11 +133,11 @@ export function TechTreeSection() {
         style: {
           overflow: 'hidden',
           marginTop: 16,
+          backgroundColor: 'var(--color-surface)',
         },
       }}
       size={tank.ancestors && tank.successors ? 880 : 480}
       gap="0"
-      highlight
     >
       {/* <Flex justify="center">
         <Heading>Tech tree</Heading>