| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| projects:dokuwiki:nuropa-template:toolbar [2024/11/17 12:35] – [Custom menu] admin | projects:dokuwiki:nuropa-template:toolbar [2024/11/17 20:00] (current) – [Colours and Styles] admin |
|---|
| <figure outline [style=width:fit-content]> | <figure outline [style=width:fit-content]> |
| <div [style=text-align:right]> | <div [style=text-align:right]> |
| {{:projects:dokuwiki:nuropa-template:toolbar_overflow-1.png?direct&1000|Nuropa toolbar with overflow, logged out}} | {{:projects:dokuwiki:nuropa-template:toolbar_overflow-1.png?direct|Nuropa toolbar with overflow, logged out}} |
| ---- | ---- |
| {{:projects:dokuwiki:nuropa-template:toolbar_overflow-2.png?direct&1000|Nuropa toolbar with overflow, logged in}} | {{:projects:dokuwiki:nuropa-template:toolbar_overflow-2.png?direct|Nuropa toolbar with overflow, logged in}} |
| </div> | </div> |
| <figcaption>The items in the toolbar and overflow menu change, depending on whether the user is logged in or not</figcaption> | <figcaption>The items in the toolbar and overflow menu change, depending on whether the user is logged in or not</figcaption> |
| |
| ^ Setting ^ Description ^ Default ^ Dark mode ^ | ^ Setting ^ Description ^ Default ^ Dark mode ^ |
| | Toolbar fonts | Fonts to be used in the toolbar only | ''…,sans-serif'' || | | Toolbar fonts | Fonts to be used in the toolbar | ''Segoe UI, etc. …'' || |
| | Toolbar font size | Base font size for the toolbar | ''10pt'' || | | Toolbar font size | Base font size for the toolbar | ''9.5pt'' || |
| | Toolbar background | Toolbar background colour | <span [style=background-color:#F7F7F7;color:#474747]>''#F7F7F7''</span> | <span [style=background-color:#3C3C3C;color:#C7C7C7]>''#3C3C3C''</span> | | | Toolbar background | Toolbar background colour | <span [style=background-color:#F9F9FB;color:#474747]>''#F9F9FB''</span> | <span [style=background-color:#2B2A33;color:#C7C7C7]>''#2B2A33''</span> | |
| | Toolbar text | Toolbar text colour | <span [style=background-color:#F7F7F7;color:#474747]>''#474747''</span> | <span [style=background-color:#3C3C3C;color:#C7C7C7]>''#C7C7C7''</span> | | | Toolbar text | Toolbar text colour | <span [style=background-color:#F9F9FB;color:#15141A]>''#15141A''</span> | <span [style=background-color:#3C3C3C;color:#C7C7C7]>''#C7C7C7''</span> | |
| | Toolbar border | Toolbar bottom border colour | <span [style=background-color:#F7F7F7;color:#474747]>''#E1E3E1''</span> | <span [style=background-color:#3C3C3C;color:#C7C7C7]>''#444746''</span> | | | Toolbar border | Toolbar bottom border colour | <span [style=background-color:#F7F7F7;color:#474747]>''#CCCCCC''</span> | <span [style=background-color:#2B2A33;color:#C7C7C7]>''#444746''</span> | |
| | Toolbar focus | Toolbar focus ring colour | <span [style=background-color:#0078D4;color:#FFF]>''#F7F7F7''</span> | <span [style=background-color:#A8C7FA;color:#3C3C3C]>''#A8C7FA''</span> | | | Toolbar focus | Toolbar focus ring colour | <span [style=background-color:#F7F7F7;color:#0078D4]>''#0078D4''</span> | <span [style=background-color:#2B2A33;color:#0A84FF]>''#0A84FF''</span> | |
| |
| |
