Lissy93/dashy
1
1
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2024-12-23 17:03:59 +03:00
Code Issues Packages Projects Releases Wiki Activity

🎨 Adds new styles used by config editor

Browse Source
This commit is contained in:
Alicia Sykes 2021-06-20 20:43:55 +01:00
parent 04708a4f3f
commit cd314cb523
3 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/theming.md
View File

@ -118,6 +118,10 @@ You can target specific elements on the UI with these variables. All are optiona
- `--side-bar-color` - Color of icons and text within the sidebar. Defaults to `--primary`
- `--status-check-tooltip-background` - Background color for status check tooltips. Defaults to `--background-darker`
- `--status-check-tooltip-color` - Text color for the status check tooltips. Defaults to `--primary`
- `--code-editor-color` - Text color used within raw code editors. Defaults to `--black`
- `--code-editor-background` - Background color for raw code editors. Defaults to `--white`
#### Non-Color Variables
- `--outline-color` - Used to outline focused or selected elements

2
src/styles/color-palette.scss
View File

@ -76,4 +76,6 @@
--side-bar-color: var(--primary);
--status-check-tooltip-background: var(--background-darker);
--status-check-tooltip-color: var(--primary);
--code-editor-color: var(--black);
--code-editor-background: var(--white);
}

6
src/styles/media-queries.scss
View File

@ -65,3 +65,9 @@ $extra-large: 2800px;
@content;
}
}
@mixin tablet-down {
@media (max-width: #{$small - 1px}) {
@content;
}
}