From 5b72fd34aa697fde6760c3a764313f64c17b02f2 Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Mon, 16 Aug 2021 22:51:25 +0100 Subject: [PATCH 1/2] :lipstick: Adds a new theme, used on website --- src/styles/color-themes.scss | 77 +++++++++++++++++++++++++++++++++++- src/utils/defaults.js | 1 + 2 files changed, 77 insertions(+), 1 deletion(-) diff --git a/src/styles/color-themes.scss b/src/styles/color-themes.scss index 6b352ece3d..48e63002df 100644 --- a/src/styles/color-themes.scss +++ b/src/styles/color-themes.scss @@ -318,7 +318,7 @@ html[data-theme='minimal-light'], html[data-theme='minimal-dark'], html[data-the } label.lbl-toggle h3 { - font-size: 1.8rem; + font-size: 1.5rem; } .tile-title span.text { font-size: 1.1rem; @@ -861,6 +861,81 @@ html[data-theme="oblivion-scotch"] { } } +html[data-theme="dashy-docs"] { + --primary: #f5f6f7; + --background: #202020; + --background-darker: #121212; + --item-group-background: none; + --item-group-outer-background: #121212; + --item-group-heading-text-color: var(--background); + --item-group-heading-text-color-hover: var(--background); + --item-background: var(--background); + --item-background-hover: var(--background); + --item-text-color: var(--primary); + --minimal-view-section-heading-color: var(--background); + --item-group-padding: 0; + --curve-factor: 3px; + --curve-factor-navbar: 6px; + --item-shadow: 4px 4px 6px #00000080, -2px -2px 4px rgb(0 0 0 / 40%); + --item-group-shadow: 0px 3px 2px #222222, 0px 0px 2px #3e3e3e; + --font-headings: 'PTMono', 'Courier New', monospace; + + footer { + box-shadow: 0 -3px 4px #010101; + } + + section.settings-outer form input { + box-shadow: 1px 2px 4px #0b0b0b; + } + + @mixin make-colors($first, $second) { + background: $first; box-shadow: 0 4px $second; + &:hover { box-shadow: 0 2px $second; } + } + + // Section headings, nav bar items and minimal tabs + div.collapsable:nth-child(1n) label.lbl-toggle, + .minimal-section-heading:nth-child(1n), + a.nav-item:nth-child(1n) { + @include make-colors(#db78fc, #b83ddd); + } + div.collapsable:nth-child(2n) label.lbl-toggle, + .minimal-section-heading:nth-child(2n), + a.nav-item:nth-child(2n) { + @include make-colors(#5c85f7, #3d48dd); + } + div.collapsable:nth-child(3n) label.lbl-toggle, + .minimal-section-heading:nth-child(3n), + a.nav-item:nth-child(3n) { + @include make-colors(#41ef90, #1e9554); + } + div.collapsable:nth-child(4n) label.lbl-toggle, + .minimal-section-heading:nth-child(4n), + a.nav-item:nth-child(4n) { + @include make-colors(#dcff5a, #ceb73f); + } + + // Section items + div.collapsable:nth-child(1n) { .item-wrapper:hover { .item {box-shadow: 0 2px 3px #db78fc; .tile-title { color: #db78fc; } } } } + div.collapsable:nth-child(2n) { .item-wrapper:hover { .item { box-shadow: 0 2px 3px #5c85f7; .tile-title { color: #5c85f7; } } } } + div.collapsable:nth-child(3n) { .item-wrapper:hover { .item { box-shadow: 0 2px 3px #41ef90; .tile-title { color: #41ef90; } } } } + div.collapsable:nth-child(4n) { .item-wrapper:hover { .item { box-shadow: 0 2px 3px #dcff5a; .tile-title { color: #dcff5a; } } } } + + + a.nav-item, a.nav-item:hover, a.nav-item.router-link-active { + border: none; + color: var(--background); + font-weight: bold; + } + + .minimal-section-heading { + border: none !important; + &.selected { + background: var(--primary) !important; + } + } +} + html[data-theme="oblivion-blue"] { --primary: #82a5f3; } diff --git a/src/utils/defaults.js b/src/utils/defaults.js index 080a43f8e5..a1896251f0 100644 --- a/src/utils/defaults.js +++ b/src/utils/defaults.js @@ -60,6 +60,7 @@ module.exports = { 'vaporware', 'high-contrast-dark', 'high-contrast-light', + 'dashy-docs', ], /* Which structural components should be visible by default */ visibleComponents: { From b4e69478fe699bbebd198401d9b053a913455a1f Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Mon, 16 Aug 2021 23:02:17 +0100 Subject: [PATCH 2/2] :bookmark: Bumps to V 1.6.1 and updates changelog --- .github/CHANGELOG.md | 2 ++ package.json | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/.github/CHANGELOG.md b/.github/CHANGELOG.md index 0c1b2c1898..767b4f7c39 100644 --- a/.github/CHANGELOG.md +++ b/.github/CHANGELOG.md @@ -1,5 +1,7 @@ # Changelog +## 💄 1.6.1 - Adds new Theme [PR #166](https://github.com/Lissy93/dashy/issues/166) +- Adds Dashy theme, for use in the dev dashboard ## ✨ 1.5.9 - New Minimal/ Startpage View [PR #155](https://github.com/Lissy93/dashy/issues/155) - Adds a new view, called minimal view, designed to be like a light-weight startpage - Implemented all the required features (filtering, opening methods, icons, etc) into minimal view diff --git a/package.json b/package.json index a8aca7d465..e23d884cc1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "Dashy", - "version": "1.6.0", + "version": "1.6.1", "license": "MIT", "main": "server", "scripts": {