Skip to content
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

docs: document all colors #3441

Merged
merged 4 commits into from
Apr 10, 2024
Merged

docs: document all colors #3441

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b69673a
added color screenshot tests
snorrekim Apr 5, 2024
beaf6d8
generate color values based on properties file
snorrekim Apr 5, 2024
61c0c81
update color-sea-green-30
snorrekim Apr 8, 2024
ed4e488
updated names and added all colors from Figma. Hex use lower case
snorrekim Apr 9, 2024
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
1 change: 1 addition & 0 deletions packages/dnb-design-system-portal/gatsby-config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ const ignoreAsPage = [
'**/demos/layout/Layout.js',
'**/skip-link-example.tsx',
'**/CardProductsTable.js',
'**/ColorTable.tsx',
'**/assets/*.js',
'**/__utils__/*.{js,ts,tsx}',
// '**/*.mdx',// Use when templates/mdx.tsx in createPage is used
Expand Down
93 changes: 0 additions & 93 deletions packages/dnb-design-system-portal/src/docs/quickguide-designer/colors-table.mdx
View file
Open in desktop

This file was deleted.

14 changes: 5 additions & 9 deletions packages/dnb-design-system-portal/src/docs/quickguide-designer/colors.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,17 +3,16 @@ title: 'Colors'
icon: 'colors'
---

import ColorsTable from 'Docs/quickguide-designer/colors-table.mdx'
import ColorsTable from 'Docs/quickguide-designer/colors/tables'

# Colors

<VisibilityByTheme hidden="sbanken">
## DNB color table for web

_Note:_ DNB color names for design and development are in English.
## Color table for web

<ColorsTable />

<VisibilityByTheme hidden="sbanken">

## Gradients, shadows, and shades

### Gradients
Expand All @@ -33,13 +32,10 @@ Tints are lighter versions of the color that are made by mixing a color with whi
</VisibilityByTheme>

<VisibilityByTheme visible="sbanken">
## Sbanken color table for web

<ColorsTable />

### Tertiary colors

Tertiary colors are available in Eufemia Web Figma file for Sbanken. These are mainly lighter variations of the secondary colors.
Tertiary colors are mainly lighter variations of the secondary colors.

</VisibilityByTheme>

Expand Down
Loading
Loading