Skip to content

Commit

Permalink
updated Leiden theme
Browse files Browse the repository at this point in the history
  • Loading branch information
@remko48
remko48 committed Dec 13, 2023
1 parent c871f99 commit 3ce01d8
Show file tree
Hide file tree
Showing 21 changed files with 552 additions and 43 deletions.
23 changes: 23 additions & 0 deletions proprietary/leiden-design-tokens/src/brand/leiden/color.tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,12 +23,27 @@
"11": {
"value": "#1d1d1b"
},
"31": {
"value": "#4f4f4f"
},
"33": {
"value": "#5f594a",
"comment": "Base/Grey"
},
"46": {
"value": "#767676"
},
"82": {
"value": "#d1d1d1"
},
"97": {
"value": "#f7f7f7"
}
},
"lightgrey": {
"79": {
"value": "#c9c9c9"
},
"89": {
"value": "#e4e4e4",
"comment": "Base/LightGrey"
Expand All @@ -47,11 +62,19 @@
}
},
"black": {
"0": {
"value": "#000000"
},
"9": {
"value": "#0d1921",
"comment": "Base/Black"
}
},
"blue": {
"27": {
"value": "#035688"
}
},
"lightblue": {
"24": {
"value": "#2c3e50",
Expand Down
1 change: 1 addition & 0 deletions proprietary/leiden-design-tokens/src/component/conduction/card-wrapper.tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
"border-bottom-style": {},
"border-bottom-width": {},
"border-radius": { "value": "0px" },
"box-shadow": {},
"color": { "value": "{utrecht.document.color}" },
"hover": {
"background-color": {},
Expand Down
69 changes: 69 additions & 0 deletions proprietary/leiden-design-tokens/src/component/conduction/checkbox.tokens.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
{
"conduction": {
"input-checkbox": {
"color": { "value": "{leiden.color.white.100}" },
"border-width": { "value": "{leiden.size.4xs}" },
"border-style": { "value": "solid" },
"border-color": { "value": "{leiden.color.grey.46}" },
"border-radius": { "value": "3px" },
"box-shadow": {},
"hover": {
"color": { "value": "{leiden.color.white.100}" },
"border-width": { "value": "{leiden.size.4xs}" },
"border-style": { "value": "solid" },
"border-color": { "value": "{leiden.color.grey.31}" },
"border-radius": { "value": "3px" },
"box-shadow": {}
},
"checked": {
"color": { "value": "{leiden.color.primary}" },
"border-width": { "value": "{leiden.size.4xs}" },
"border-style": { "value": "solid" },
"border-color": { "value": "{leiden.color.primary}" },
"border-radius": { "value": "3px" },
"box-shadow": {},
"checkmark-url": {},
"hover": {
"color": { "value": "{leiden.color.primary-hover}" },
"border-width": { "value": "{leiden.size.4xs}" },
"border-style": { "value": "solid" },
"border-color": { "value": "{leiden.color.primary-hover}" },
"border-radius": { "value": "3px" },
"box-shadow": {}
}
},
"disabled": {
"color": { "value": "{leiden.color.grey.82}" },
"border-width": { "value": "{leiden.size.4xs}" },
"border-style": { "value": "solid" },
"border-color": { "value": "{leiden.color.grey.82}" },
"border-radius": { "value": "3px" },
"box-shadow": {},
"hover": {
"color": { "value": "{leiden.color.grey.82}" },
"border-width": { "value": "{leiden.size.4xs}" },
"border-style": { "value": "solid" },
"border-color": { "value": "{leiden.color.grey.82}" },
"border-radius": { "value": "3px" },
"box-shadow": {}
}
},
"focus": {
"outline-width": { "value": "2px" },
"outline-style": { "value": "solid" },
"outline-color": { "value": "{leiden.color.black.0}" },
"outline-offset": { "value": "2px" }
},
"label": {
"color": { "value": "{utrecht.document.color}" },
"font-size": { "value": "{utrecht.document.font-size}" },
"font-weight": {},
"font-family": { "value": "{utrecht.document.font-family}" },
"container": {
"padding": { "value": "3px" },
"margin": { "value": "3px" }
}
}
}
}
}
23 changes: 23 additions & 0 deletions proprietary/leiden-design-tokens/src/component/conduction/download-card.tokens.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
{
"conduction": {
"download-card": {
"background-color": {},
"title": {
"color": { "value": "{utrecht.document.color}" },
"font-size": { "value": "{leiden.font-size.md}" },
"font-weight": { "value": "{leiden.typography.font-weight.bold}" },
"font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
"margin-inline-end": { "value": "{leiden.size.sm}" }
},
"border-width": { "value": "{leiden.size.4xs}" },
"border-style": { "value": "solid" },
"border-color": { "value": "{leiden.color.grey.82}" },
"border-radius": { "value": "0px" },
"icon-gap": { "value": "{leiden.size.xs}" },
"padding-inline-end": { "value": "{leiden.size.md}" },
"padding-inline-start": { "value": "{leiden.size.md}" },
"padding-block-end": { "value": "{leiden.size.md}" },
"padding-block-start": { "value": "{leiden.size.md}" }
}
}
}
27 changes: 27 additions & 0 deletions proprietary/leiden-design-tokens/src/component/conduction/logo.tokens.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
{
"conduction": {
"logo": {
"header": {
"inline-size": { "value": "80px" },
"block-size": { "value": "37px" },
"background-image": {
"value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
}
},
"footer": {
"inline-size": { "value": "120px" },
"block-size": { "value": "100px" },
"background-image": {
"value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
}
},
"navbar": {
"inline-size": { "value": "80px" },
"block-size": { "value": "45px" },
"background-image": {
"value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
}
}
}
}
}
67 changes: 67 additions & 0 deletions proprietary/leiden-design-tokens/src/component/conduction/navigation.tokens.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
{
"conduction": {
"primary": {
"top-nav": {
"color": { "value": "{leiden.color.white.100}" },
"background-color": { "value": "{leiden.color.black.9}" },
"hover": {
"color": { "value": "{leiden.color.blue.27}" },
"background-color": { "value": "{leiden.color.black.9}" },
"box-shadow": {}
},
"current": {
"color": { "value": "{leiden.color.white.100}" },
"background-color": { "value": "{leiden.color.black.9}" },
"box-shadow": { "value": "inset 0 -4px {leiden.color.white.100}" },
"mobile": {
"box-shadow": { "value": "inset 4px 0 {leiden.color.white.100}" }
}
},
"dropdown": {
"color": { "value": "{leiden.color.blue.27}" },
"background-color": { "value": "{leiden.color.white.100}" },
"border-width": {},
"border-style": {},
"border-color": {},
"hover": {
"color": { "value": "{leiden.color.black.9}" },
"background-color": { "value": "{leiden.color.white.100}" },
"box-shadow": {}
}
},
"item": {
"padding": { "value": "18px" },
"border-radius": {}
},
"padding-inline-end": { "value": "16px" },
"padding-inline-start": { "value": "16px" },
"padding-block-end": { "value": "16px" },
"padding-block-start": { "value": "16px" }
}
},
"secondary": {
"top-nav": {
"color": { "value": "{leiden.color.white.100}" },
"background-color": { "value": "transparent" },
"hover": {
"color": { "value": "{leiden.color.white.100}" },
"background-color": { "value": "transparent" }
},
"current": {
"color": { "value": "{leiden.color.white.100}" },
"background-color": { "value": "unset" },
"box-shadow": { "value": "" }
},
"font-size": { "value": "{leiden.font-size.md}" },
"font-weight": { "value": "400" },
"item": {
"padding": { "value": "18px" }
},
"padding-inline-end": { "value": "16px" },
"padding-inline-start": { "value": "16px" },
"padding-block-end": { "value": "16px" },
"padding-block-start": { "value": "16px" }
}
}
}
}
109 changes: 70 additions & 39 deletions proprietary/leiden-design-tokens/src/component/conduction/pagination.tokens.json
View file
Original file line number Diff line number Diff line change
@@ -1,45 +1,76 @@
{
"conduction": {
"pagination": {
"container-background-color": { "value": "unset" },
"container-padding-inline-start": { "value": "0px" },
"container-padding-inline-end": { "value": "0px" },
"container-padding-block-start": { "value": "0px" },
"container-padding-block-end": { "value": "0px" },
"item-gap": { "value": "{leiden.size.2xs}" },
"item-color": { "value": "{leiden.color.lightblue.37}" },
"item-background-color": { "value": "{leiden.color.white.100}" },
"item-border-radius": { "value": "0px" },
"item-padding-inline-start": { "value": "{leiden.size.xs}" },
"item-padding-inline-end": { "value": "{leiden.size.xs}" },
"item-padding-block-start": { "value": "{leiden.size.xs}" },
"item-padding-block-end": { "value": "{leiden.size.xs}" },
"item-font-size": { "value": "15px" },
"item-font-weight": { "value": "{leiden.typography.font-weight.bold}" },
"item-font-family": { "value": "{utrecht.document.font-family}" },
"item-border-width": {},
"item-border-style": {},
"item-border-color": {},
"navigation-button-padding-inline-start": { "value": "{leiden.size.xs}" },
"navigation-button-padding-inline-end": { "value": "{leiden.size.xs}" },
"navigation-button-padding-block-start": { "value": "0px" },
"navigation-button-padding-block-end": { "value": "0px" },
"disabled-color": { "value": "{leiden.color.lightgrey.89}" },
"disabled-background-color": { "value": "{leiden.color.white.100}" },
"current-page-color": { "value": "{leiden.color.black.9}" },
"current-page-background-color": { "value": "{leiden.color.white.100}" },
"current-page-font-weight": { "value": "{leiden.typography.font-weight.bold}" },
"current-page-text-decoration": { "value": "underline" },
"current-page-border-width": {},
"current-page-border-style": {},
"current-page-border-color": {},
"page-hover-color": { "value": "{leiden.color.lightblue.37}" },
"page-hover-background-color": { "value": "{leiden.color.white.100}" },
"page-hover-text-decoration": { "value": "underline" },
"page-hover-text-decoration-thickness": { "value": "1px" },
"page-hover-border-width": {},
"page-hover-border-style": {},
"page-hover-border-color": {}
"container": {
"background-color": { "value": "unset" },
"padding-inline-start": { "value": "0px" },
"padding-inline-end": { "value": "0px" },
"padding-block-start": { "value": "0px" },
"padding-block-end": { "value": "0px" }
},
"item": {
"gap": { "value": "{leiden.size.2xs}" },
"color": { "value": "{leiden.color.lightblue.37}" },
"background-color": { "value": "{leiden.color.white.100}" },
"padding-inline-start": { "value": "{leiden.size.xs}" },
"padding-inline-end": { "value": "{leiden.size.xs}" },
"padding-block-start": { "value": "{leiden.size.xs}" },
"padding-block-end": { "value": "{leiden.size.xs}" },
"font-size": { "value": "15px" },
"font-weight": { "value": "{leiden.typography.font-weight.bold}" },
"font-family": { "value": "{utrecht.document.font-family}" },
"border-width": {},
"border-style": {},
"border-color": {},
"border-radius": { "value": "0px" }
},
"navigation-button": {
"color": { "value": "{leiden.color.lightblue.37}" },
"background-color": { "value": "{leiden.color.white.100}" },
"border-color": {},
"border-radius": {},
"border-width": {},
"padding-inline-start": { "value": "{leiden.size.xs}" },
"padding-inline-end": { "value": "{leiden.size.xs}" },
"padding-block-start": { "value": "0px" },
"padding-block-end": { "value": "0px" },
"disabled": {
"color": { "value": "{leiden.color.lightgrey.89}" },
"background-color": { "value": "{leiden.color.white.100}" },
"border-width": {},
"border-style": {},
"border-color": {},
"border-radius": {}
},
"hover": {
"color": { "value": "{leiden.color.lightblue.37}" },
"background-color": { "value": "{leiden.color.white.100}" },
"border-width": {},
"border-style": {},
"border-color": {},
"border-radius": {}
}
},
"current-page": {
"color": { "value": "{leiden.color.black.9}" },
"background-color": { "value": "{leiden.color.white.100}" },
"font-weight": { "value": "{leiden.typography.font-weight.bold}" },
"text-decoration": { "value": "underline" },
"border-width": {},
"border-style": {},
"border-color": {}
},
"page": {
"hover": {
"color": { "value": "{leiden.color.lightblue.37}" },
"background-color": { "value": "{leiden.color.white.100}" },
"text-decoration": { "value": "underline" },
"text-decoration-thickness": { "value": "1px" },
"border-width": {},
"border-style": {},
"border-color": {}
}
}
}
}
}
15 changes: 12 additions & 3 deletions proprietary/leiden-design-tokens/src/component/conduction/select.tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,20 @@
"focus": {},
"list-option": {
"font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
"background-color": {},
"background-color": { "value": "{leiden.color.white.100}" },
"color": { "value": "{leiden.color.lightblue.37}" },
"hover": {
"font-family": { "value": "{leiden.typography.sans-serif.font-family}" },
"color": {},
"background-color": {}
"background-color": { "value": "{leiden.color.lightblue.37}" },
"color": { "value": "{leiden.color.white.100}" }
},
"selected": {
"background-color": { "value": "{leiden.color.lightblue.37}" },
"color": { "value": "{leiden.color.white.100}" }
},
"focus": {
"background-color": { "value": "{leiden.color.white.100}" },
"color": { "value": "{leiden.color.lightblue.37}" }
}
},
"placeholder": {
Expand Down
Loading

0 comments on commit 3ce01d8

Please sign in to comment.