Skip to content

Pretty colours #1809

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pzaichkina merged 5 commits into from
Apr 20, 2026
Merged

Pretty colours #1809

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
49f2c89
Styling changes
pzaichkina Apr 17, 2026
c53916b
New pretty colours
pzaichkina Apr 20, 2026
a3367f7
More changes
pzaichkina Apr 20, 2026
ae26ac8
Merge branch 'main' into feat/rebrand
pzaichkina Apr 20, 2026
4474f06
Delete .claude/settings.local.json
pzaichkina Apr 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 3 additions & 9 deletions docs/auth-flow/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,10 +37,7 @@ Enhance the auth flow functionality and give your customers the ability to manag
<ul className="card-container col-1">
<li className="card">
<div className="header">
<img
src="/img/wp-icons/copy-feature-bullet.svg"
className="mini-icon"
/>
<FeatureBullet />
<h3>Transparency</h3>
</div>
<p>
Expand All @@ -50,7 +47,7 @@ Enhance the auth flow functionality and give your customers the ability to manag

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Consent</h3>
</div>
<p>
Expand All @@ -61,10 +58,7 @@ Enhance the auth flow functionality and give your customers the ability to manag

<li className="card">
<div className="header">
<img
src="/img/wp-icons/copy-feature-bullet.svg"
className="mini-icon"
/>
<FeatureBullet />
<h3>Control</h3>
</div>
<p>
Expand Down
9 changes: 5 additions & 4 deletions docs/bank-feeds/overview.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,8 @@ hide_description: true
hide_table_of_contents: true
banner_title: Bank Feeds
banner_class: bank-feeds
banner_icon: "/img/logos/products/logo_bankfeeds_clear.svg"
banner_icon: "/img/logos/products/logo-bank-feeds_clear.svg"
banner_icon_dark: "/img/logos/products/logo-bank-feeds_dark.svg"
banner_image: "/img/banners/bank-feeds.png"
banner_text:
"Easily deploy an automated bank statement feed into your application to write
Expand Down Expand Up @@ -67,7 +68,7 @@ experience with your app as a result.
<ul className="card-container col-3">
<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Reduce churn</h3>
</div>
<p>
Expand All @@ -77,7 +78,7 @@ experience with your app as a result.
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Improve accuracy</h3>
</div>
<p>
Expand All @@ -87,7 +88,7 @@ experience with your app as a result.
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Keep balance up to date</h3>
</div>
<p>
Expand Down
15 changes: 6 additions & 9 deletions docs/commerce/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ hide_description: true
hide_table_of_contents: true
banner_title: Sync for Commerce
banner_class: commerce
banner_icon: "/img/logos/products/logo_sfc_clear.svg"
banner_image: "/img/banners/sfc-charts.png"
banner_text: "Embedded accounting integrations for Point of Sale, Payment, and eCommerce software"
// video_url: "https://www.youtube.com/embed/4zLgo0iP6MI"
Expand Down Expand Up @@ -57,8 +56,7 @@ We do all the heavy lifting, integrating with merchant’s systems and mapping t
<ul className="card-container col-2">
<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg"
className="mini-icon"/>
<FeatureBullet />
<h3>Commerce and accounting expertise</h3>
</div>
<p>
Expand All @@ -68,7 +66,7 @@ We do all the heavy lifting, integrating with merchant’s systems and mapping t

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Fast, simple integration</h3>
</div>
<p>
Expand All @@ -79,7 +77,7 @@ We do all the heavy lifting, integrating with merchant’s systems and mapping t

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Configurability</h3>
</div>
<p>
Expand All @@ -91,7 +89,7 @@ We do all the heavy lifting, integrating with merchant’s systems and mapping t

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Ongoing sales data synchronization</h3>
</div>
<p>
Expand All @@ -102,7 +100,7 @@ We do all the heavy lifting, integrating with merchant’s systems and mapping t

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Real-world resilience</h3>
</div>
<p>
Expand All @@ -114,8 +112,7 @@ We do all the heavy lifting, integrating with merchant’s systems and mapping t

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg"
className="mini-icon"/>
<FeatureBullet />
<h3>Observability</h3>
</div>
<p>
Expand Down
8 changes: 4 additions & 4 deletions docs/core-concepts/data-type.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,28 +14,28 @@ The data types you use will depend on the Codat solution you use. For reference,
<ul className="card-container">
<li className="card">
<div className="header">
<img src="/img/wp-icons/Calculator.png" className="mini-icon" />
<GearFinanceDownIcon />
<h3>Accounting software</h3>
</div>
<p>For example, invoices and bills from an accounting software.</p>
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/Bank.png" className="mini-icon" />
<FeatureBullet />
<h3>Bank accounts</h3>
</div>
<p>For example, bank transactions from a bank account.</p>
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/Storefront.png" className="mini-icon" />
<FeatureBullet />
<h3>Commerce software</h3>
</div>
<p>For example, customers and payments from a POS system.</p>
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/Frame-3805.png" className="mini-icon" />
<FeatureBullet />
<h3>Bank feeds</h3>
</div>
<p>For example, bank feed bank accounts.</p>
Expand Down
10 changes: 5 additions & 5 deletions docs/core-concepts/integrations.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ You can connect a company to a single accounting source and a single bank feeds
<ul className="card-container">
<li className="card">
<div className="header">
<img src="/img/wp-icons/Calculator.png" className="mini-icon" />
<GearFinanceDownIcon />
<h3>Accounting</h3>
</div>
<p>
Expand All @@ -30,7 +30,7 @@ You can connect a company to a single accounting source and a single bank feeds
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/Bank.png" className="mini-icon" />
<FeatureBullet />
<h3>Banking</h3>
</div>
<p>
Expand All @@ -45,7 +45,7 @@ You can connect a company to a single accounting source and a single bank feeds
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/Storefront.png" className="mini-icon" />
<FeatureBullet />
<h3>Commerce</h3>
</div>
<p>
Expand All @@ -60,7 +60,7 @@ You can connect a company to a single accounting source and a single bank feeds
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/Frame-3805.png" className="mini-icon" />
<FeatureBullet />
<h3>Bank feeds</h3>
</div>
<p>
Expand All @@ -75,7 +75,7 @@ You can connect a company to a single accounting source and a single bank feeds
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/Files.png" className="mini-icon" />
<FeatureBullet />
<h3>File upload</h3>
</div>
<p>
Expand Down
6 changes: 3 additions & 3 deletions docs/enterprise/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ banner_text: "Gain additional insight into the technology suite and implementati

<li className="card animation-pulse">
<div className="header">
<img src="/img/wp-icons/Graph-1.png" className="mini-icon" />
<FeatureBullet />
<h3>
<a
href="https://docs.codat.io/enterprise/tech-overview/architecture/overview"
Expand All @@ -51,7 +51,7 @@ banner_text: "Gain additional insight into the technology suite and implementati
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/user-list.png" className="mini-icon" />
<RelationshipsIcon />
<h3>
<a
href="https://docs.codat.io/enterprise/tech-implementation/implementation-roles"
Expand All @@ -68,7 +68,7 @@ banner_text: "Gain additional insight into the technology suite and implementati
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/Stack.png" className="mini-icon" />
<FeatureBullet />
<h3>
<a href="https://docs.codat.io/using-the-api/overview" target="_blank">
API reference
Expand Down
18 changes: 8 additions & 10 deletions docs/expenses/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,8 @@ hide_table_of_contents: true
tags: [overview, syncforexpense]
banner_title: Expenses
banner_class: expenses
banner_icon: "/img/logos/products/logo_expenses_clear.svg"
banner_icon: "/img/logos/products/logo-expenses_clear.svg"
banner_icon_dark: "/img/logos/products/logo-expenses_dark.svg"
banner_image: "/img/banners/bank-feeds.png"
banner_text: "Write categorized expenses and attachments to all major accounting software, handling the complexities of expense reconciliation"
// video_url: "https://www.youtube.com/embed/4zLgo0iP6MI"
Expand Down Expand Up @@ -39,10 +40,7 @@ With Expenses, corporate card providers, expense management providers, and neoba
<ul className="card-container col-2">
<li className="card">
<div className="header">
<img
src="/img/wp-icons/copy-feature-bullet.svg"
className="mini-icon"
/>
<FeatureBullet />
<h3>Increase share of wallet</h3>
</div>
<p>
Expand All @@ -52,7 +50,7 @@ With Expenses, corporate card providers, expense management providers, and neoba

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Go to market quickly</h3>
</div>
<p>
Expand All @@ -63,7 +61,7 @@ With Expenses, corporate card providers, expense management providers, and neoba

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Free up development resources</h3>
</div>
<p>
Expand All @@ -74,7 +72,7 @@ With Expenses, corporate card providers, expense management providers, and neoba

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Get standardized data</h3>
</div>
<p>
Expand All @@ -85,7 +83,7 @@ With Expenses, corporate card providers, expense management providers, and neoba

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Capture receipts</h3>
</div>
<p>
Expand All @@ -96,7 +94,7 @@ With Expenses, corporate card providers, expense management providers, and neoba

<li className="card">
<div className="header">
<img src="/img/wp-icons/copy-feature-bullet.svg" className="mini-icon" />
<FeatureBullet />
<h3>Two-way sync</h3>
</div>
<p>
Expand Down
6 changes: 3 additions & 3 deletions docs/get-started/accounting-for-beginners.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ Throughout our documentation, you may see unfamiliar terms and accounting-specif
</li>
<li className="card animation-pulse">
<div className="header">
<img src="/img/wp-icons/accounting-2.png" className="mini-icon" />
<GearFinanceDownIcon />
<h3>Accounting For Developers, Part I</h3>
<p>
<i>Modern Treasury</i>
Expand All @@ -54,7 +54,7 @@ Throughout our documentation, you may see unfamiliar terms and accounting-specif
</li>
<li className="card animation-pulse">
<div className="header">
<img src="/img/wp-icons/accounting-2.png" className="mini-icon" />
<GearFinanceDownIcon />
<h3>Accounting For Developers, Part II</h3>
<p>
<i>Modern Treasury</i>
Expand All @@ -76,7 +76,7 @@ Throughout our documentation, you may see unfamiliar terms and accounting-specif
</li>
<li className="card animation-pulse">
<div className="header">
<img src="/img/wp-icons/accounting-2.png" className="mini-icon" />
<GearFinanceDownIcon />
<h3>Accounting for Computer Scientists</h3>
<p>
<i>Martin Kleppman</i>
Expand Down
13 changes: 8 additions & 5 deletions docs/get-started/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,24 +4,27 @@ description: "Take your first steps through the information and support availabl
---

import Cards from "@components/Cards";
import FilesGearIcon from "@components/FilesGearIcon";
Copy link
Copy Markdown

@github-actions github-actions bot Apr 20, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

📝 [vale] reported by reviewdog 🐶
[Google.Semicolons] Use semicolons judiciously.

import ShieldLockIcon from "@components/ShieldLockIcon";
Copy link
Copy Markdown

@github-actions github-actions bot Apr 20, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

📝 [vale] reported by reviewdog 🐶
[Google.Semicolons] Use semicolons judiciously.

import GearFinanceDownIcon from "@components/GearFinanceDownIcon";
Copy link
Copy Markdown

@github-actions github-actions bot Apr 20, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

📝 [vale] reported by reviewdog 🐶
[Google.Semicolons] Use semicolons judiciously.


## Reference content

<Cards>
<Cards.Card
title="Documentation"
image="/img/wp-icons/accounting-2.png"
icon={GearFinanceDownIcon}
>
Begin with our <a href="/core-concepts/overview">core concepts</a>, or press <code>Ctrl-K</code> to bring up the quick search bar to find the information you need.
</Cards.Card>

<Cards.Card image="/img/wp-icons/Stack.png" title="API reference">
<Cards.Card icon={FilesGearIcon} title="API reference">
Jump in and start using the Codat API endpoints through our interactive{" "}
<a href="/using-the-api/overview">API references</a>.
</Cards.Card>

<Cards.Card
image="/img/wp-icons/Financial-Services.png"
icon={ShieldLockIcon}
title="Libraries"
>
Use our <a href="/get-started/libraries">client library SDKs</a> to get building quickly.
Expand All @@ -33,7 +36,7 @@ import Cards from "@components/Cards";
<ul className="card-container">
<li className="card">
<div className="header">
<img src="/img/wp-icons/Lightbulb.png" className="mini-icon" />
<EyeIcon />
<h3>First steps guide</h3>
</div>
<p>A practical introduction to Codat's Portal and API.</p>
Expand All @@ -43,7 +46,7 @@ import Cards from "@components/Cards";
</li>
<li className="card">
<div className="header">
<img src="/img/wp-icons/RocketLaunch.png" className="mini-icon" />
<FeatureBullet />
<h3>Video guide: Your first 10 minutes</h3>
</div>
<p>From signing up to syncing data in 10 minutes.</p>
Expand Down
Loading
Loading