diff --git a/README.md b/README.md index 49db819..57a4b20 100644 --- a/README.md +++ b/README.md @@ -38,7 +38,7 @@ Afterwards, you will have to restart Kando, and then you can select the new them | [**Hexperiment**](./themes/hexperiment/)
A very experimental theme. It only works up to 6 items. Also, if you have fewer, you should ensure that all items are arranged in the six cardinal directions. Otherwise, the menu will look weird.

[![Download](https://img.shields.io/badge/🡇-Download-blue?style=flat)](https://github.com/kando-menu/menu-themes/releases/latest/download/hexperiment.zip) | ![preview](./themes/hexperiment/preview.jpg) | | [**KnightForge**](./themes/knight-forge/)
This theme combines style and compactness!

[![Download](https://img.shields.io/badge/🡇-Download-blue?style=flat)](https://github.com/kando-menu/menu-themes/releases/latest/download/knight-forge.zip) | ![preview](./themes/knight-forge/preview.jpg) | | [**Minecraft**](./themes/minecraft)
This theme mimics the aesthetics of this well-known computer game. To get the most out of it, it is recommended to use a pixelited icon theme such as [pixelitos](https://github.com/ItzSelenux/pixelitos-icon-theme)!

[![Download](https://img.shields.io/badge/🡇-Download-blue?style=flat)](https://github.com/kando-menu/menu-themes/releases/latest/download/minecraft.zip) | ![preview](./themes/minecraft/preview.jpg) | -| [**Modified Bent Photon**](./themes/modified-bent-photon/)
A variation of the original [Bent Photon Theme](https://github.com/NeighNeighNeigh/Kando_Themes) by NeighNeighNeigh.

[![Download](https://img.shields.io/badge/🡇-Download-blue?style=flat)](https://github.com/kando-menu/menu-themes/releases/latest/download/modified-bent-photon.zip) | ![preview](./themes/modified-bent-photon/preview.jpg) | +| [**Bent Photon**](./themes/bent-photon/)
A clean and stylish theme made by [NeighNeighNeigh](https://github.com/NeighNeighNeigh/Kando_Themes).

[![Download](https://img.shields.io/badge/🡇-Download-blue?style=flat)](https://github.com/kando-menu/menu-themes/releases/latest/download/bent-photon.zip) | ![preview](./themes/bent-photon/preview.jpg) | | [**Neon Lights Color**](./themes/neon-lights-color/)
An enhanced version of the original neon-lights theme with 21 customizable color options, multi-layer glow effects, and dynamic rotating rings.

[![Download](https://img.shields.io/badge/🡇-Download-blue?style=flat)](https://github.com/kando-menu/menu-themes/releases/latest/download/neon-lights-color.zip) | ![preview](./themes/neon-lights-color/preview.jpg) | | [**Nether Labels**](./themes/nether-labels/)
With its dark and classy colors, this theme features labels on your items and submenus and a sleek overall appearance. If, however, you're style is more bright or flashy, you can fully customize this theme with its 10 colors options.

[![Download](https://img.shields.io/badge/🡇-Download-blue?style=flat)](https://github.com/kando-menu/menu-themes/releases/latest/download/nether-labels.zip) | ![preview](./themes/nether-labels/preview.jpg) | | [**Neo Ring**](./themes/neo-ring/)
A cyberpunk-style theme with dual neon ring effects and enhanced glow animations.

[![Download](https://img.shields.io/badge/🡇-Download-blue?style=flat)](https://github.com/kando-menu/menu-themes/releases/latest/download/neo-ring.zip) | ![preview](./themes/neo-ring/preview.jpg) | diff --git a/themes/bent-photon/LICENSE b/themes/bent-photon/LICENSE new file mode 100644 index 0000000..c3852c7 --- /dev/null +++ b/themes/bent-photon/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2024 NeighNeighNeigh + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/themes/bent-photon/README.md b/themes/bent-photon/README.md new file mode 100644 index 0000000..91c6646 --- /dev/null +++ b/themes/bent-photon/README.md @@ -0,0 +1,8 @@ + + +

+ +

diff --git a/themes/bent-photon/REUSE.toml b/themes/bent-photon/REUSE.toml new file mode 100644 index 0000000..1a7544d --- /dev/null +++ b/themes/bent-photon/REUSE.toml @@ -0,0 +1,36 @@ +# SPDX-FileCopyrightText: NeighNeighNeigh +# SPDX-License-Identifier: MIT + +version = 1 + +[[annotations]] +path = ["*.jpg", "*.png"] +precedence = "aggregate" +SPDX-FileCopyrightText = "NeighNeighNeigh " +SPDX-License-Identifier = "MIT" + +# Font from: https://fonts.google.com/specimen/Space+Grotesk +[[annotations]] +path = ["SpaceGrotesk-Bold.otf"] +precedence = "aggregate" +SPDX-FileCopyrightText = "Copyright 2020 The Space Grotesk Project Authors (https://github.com/floriankarsten/space-grotesk)" +SPDX-License-Identifier = "OFL-1.1" + +[[annotations]] +path = ["presets/*.json"] +precedence = "aggregate" +SPDX-FileCopyrightText = "NeighNeighNeigh " +SPDX-License-Identifier = "MIT" + + +[[annotations]] +path = ["presets/Reass Red.json"] +precedence = "override" +SPDX-FileCopyrightText = "Ba reass " +SPDX-License-Identifier = "CC-BY-4.0" + +[[annotations]] +path = ["banner.png"] +precedence = "override" +SPDX-FileCopyrightText = "Elfi Ox " +SPDX-License-Identifier = "CC0-1.0" diff --git a/themes/modified-bent-photon/SpaceGrotesk-Bold.otf b/themes/bent-photon/SpaceGrotesk-Bold.otf similarity index 100% rename from themes/modified-bent-photon/SpaceGrotesk-Bold.otf rename to themes/bent-photon/SpaceGrotesk-Bold.otf diff --git a/themes/bent-photon/banner.png b/themes/bent-photon/banner.png new file mode 100644 index 0000000..e7ae50f Binary files /dev/null and b/themes/bent-photon/banner.png differ diff --git a/themes/bent-photon/presets/Apricot and Plum.json b/themes/bent-photon/presets/Apricot and Plum.json new file mode 100644 index 0000000..8a52f10 --- /dev/null +++ b/themes/bent-photon/presets/Apricot and Plum.json @@ -0,0 +1,14 @@ +{ + "colors": { + "Highlight": "rgb(254 154 104)", + "Lowlight": "rgb(52 41 55)", + "Icons": "rgb(254 154 104)", + "Text": "rgb(254 154 104)", + "Number": "rgb(255 255 255 / 0.35)", + "Icons〔Hovered〕": "rgb(52 41 55)", + "Text〔Hovered〕": "rgb(52 41 55)", + "Number〔Hovered〕": "rgb(53 42 56 / 0.5)", + "Canvas": "rgb(86 70 91 / 0.7)", + "Dots": "rgba(255 255 255 / 0)" + } +} \ No newline at end of file diff --git a/themes/bent-photon/presets/Grotestque Green.json b/themes/bent-photon/presets/Grotestque Green.json new file mode 100644 index 0000000..61b1a27 --- /dev/null +++ b/themes/bent-photon/presets/Grotestque Green.json @@ -0,0 +1,14 @@ +{ + "colors": { + "Highlight": "rgb(79 250 122)", + "Lowlight": "rgb(40 42 55)", + "Icons": "rgb(79 250 122)", + "Text": "rgb(79 250 122)", + "Number": "rgba(255 255 255 / 0.35)", + "Icons〔Hovered〕": "rgb(40 42 55)", + "Text〔Hovered〕": "rgb(40 42 55)", + "Number〔Hovered〕": "rgba(40 42 55 / 0.5)", + "Canvas": "rgba(67 70 89 / 0.7)", + "Dots": "rgba(255 255 255 / 0)" + } +} diff --git a/themes/bent-photon/presets/Reass Red.json b/themes/bent-photon/presets/Reass Red.json new file mode 100644 index 0000000..5d14977 --- /dev/null +++ b/themes/bent-photon/presets/Reass Red.json @@ -0,0 +1,14 @@ +{ + "colors": { + "Highlight": "rgb(227 0 4)", + "Lowlight": "rgb(255 0 55 / 0.56)", + "Icons": "rgb(214 201 195)", + "Text": "rgb(214 201 195)", + "Number": "rgb(244 218 223 / 0.84)", + "Icons〔Hovered〕": "rgb(214 201 195)", + "Text〔Hovered〕": "rgb(214 201 195)", + "Number〔Hovered〕": "rgb(197 126 115)", + "Canvas": "rgb(106 0 255 / 0.07)", + "Dots": "rgba(255 255 255 / 0)" + } +} \ No newline at end of file diff --git a/themes/bent-photon/preview.jpg b/themes/bent-photon/preview.jpg new file mode 100644 index 0000000..4730233 Binary files /dev/null and b/themes/bent-photon/preview.jpg differ diff --git a/themes/modified-bent-photon/theme.css b/themes/bent-photon/theme.css similarity index 88% rename from themes/modified-bent-photon/theme.css rename to themes/bent-photon/theme.css index df9ffdc..3911232 100644 --- a/themes/modified-bent-photon/theme.css +++ b/themes/bent-photon/theme.css @@ -5,10 +5,11 @@ /* */ /*//////////////////////////////////////////////////////////////////////////////////////*/ -/* SPDX-FileCopyrightText: reass */ -/* SPDX-FileCopyrightText: Copyright (c) 2024 NeighNeighNeigh */ +/* SPDX-FileCopyrightText: NeighNeighNeigh */ +/* SPDX-FileCopyrightText: Elfi Ox */ /* SPDX-License-Identifier: MIT */ + @font-face { font-family: 'SpaceGrotesk-Bold'; src: url('SpaceGrotesk-Bold.otf') format('opentype'); @@ -16,23 +17,23 @@ #kando-menu { - --dots-spacing: 3px; - --dots-size: 1px; - background-color: var(--canvas-color); - background-image: radial-gradient(var(--dots-color) var(--dots-size), transparent 0); + --dots-spacing: 2px; + --dots-size: 0.5px; + background-color: var(--Canvas); + background-image: radial-gradient(var(--Dots) var(--dots-size), transparent 0); background-size: var(--dots-spacing) var(--dots-spacing); background-position: calc(var(--dots-spacing)-var(--dots-size)) calc(var(--dots-spacing)-var(--dots-size)); } .menu-node { - --child-distance: 90px; + --child-distance: 80px; --grandchild-distance: 60px; - --center-size: 140px; - --icon-size: 32px; + --center-size: 128px; + --icon-size: 28px; --connector-width: 10px; - --menu-transition: transform 120ms ease-out, opacity 120ms ease-out; + --menu-transition: transform 200ms ease, opacity 200ms ease; --number-padding-left: 20px; - --box-height: 36px; + --box-height: 32px; transform-origin: left top; @@ -80,7 +81,7 @@ width: 100%; opacity: 0; transition: var(--menu-transition); - color: var(--icon-color); + color: var(--Icons); } @@ -101,10 +102,10 @@ .label-layer { opacity: 0; - background-color: var(--lowlight-color); - color: var(--text-color); - font-size: 14px; - letter-spacing: 0.12em; /* Adjust this value as needed */ + background-color: var(--Lowlight); + color: var(--Text); + font-size: 12px; + letter-spacing: 0.1em; /* Adjust this value as needed */ font-family: SpaceGrotesk-Bold; line-height: var(--box-height); border-radius: 5px; @@ -118,7 +119,7 @@ &::after { padding-left: var(--number-padding-left); - color: var(--number-unhovered-color); + color: var(--Number); /* mix-blend-mode: overlay;*/ } } @@ -251,19 +252,19 @@ } &.hovered>.label-layer { - background-color: var(--highlight-color); - color: var(--text-color); + background-color: var(--Highlight); + color: var(--Text〔Hovered〕); /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);*/ &::after { padding-left: var(--number-padding-left); - color: color-mix(in srgb, var(--text-color) 50%, transparent); + color: var(--Number〔Hovered〕); } } &.hovered>.icon-layer>.icon-container { - color: var(--text-color) + color: var(--Icons〔Hovered〕) } @@ -289,7 +290,7 @@ transform: translate(-50%, -50%); width: calc(100% - (var(--center-size)*1)); /* Adjust how close the connector gets to the icon */ height: 100%; - background: linear-gradient(to right, color-mix(in srgb, var(--highlight-color) 0%, transparent) 0%, var(--highlight-color) 100%); + background: linear-gradient(to right, color-mix(in srgb, var(--Highlight) 0%, transparent) 0%, var(--Highlight) 100%); border-radius: calc(var(--connector-width) / 2); opacity: 1; transition: var(--menu-transition); @@ -311,4 +312,4 @@ .center-text { display: none; -} \ No newline at end of file +} diff --git a/themes/modified-bent-photon/theme.json5 b/themes/bent-photon/theme.json5 similarity index 68% rename from themes/modified-bent-photon/theme.json5 rename to themes/bent-photon/theme.json5 index 3bf2a46..2f7525d 100644 --- a/themes/modified-bent-photon/theme.json5 +++ b/themes/bent-photon/theme.json5 @@ -5,15 +5,15 @@ // // ////////////////////////////////////////////////////////////////////////////////////////// -// SPDX-FileCopyrightText: reass -// SPDX-FileCopyrightText: Copyright (c) 2024 NeighNeighNeigh +// SPDX-FileCopyrightText: NeighNeighNeigh +// SPDX-FileCopyrightText: Elfi Ox // SPDX-License-Identifier: MIT { - name: "Bent Photon Modified", - author: "reass and Neigh", + name: "Bent Photon", + author: "Neigh", license: "CC0-1.0", - themeVersion: "1.0", + themeVersion: "2.0", // This theme was created for Kando's theme engine version 1. Kando will use this to // check if the theme is compatible with the current version of Kando. @@ -29,13 +29,16 @@ // These colors can be configured by the user and are vailable in the CSS file as CSS // variables. The default values are used if the user does not provide any values. colors: { - 'lowlight-color': 'oklch(63.11% 0.2546 22.82 / 56%)', - 'highlight-color': 'oklch(57.52% 0.2358 28.95)', - 'text-color': 'oklch(84.38% 0.0173 45.4)', - 'icon-color': 'oklch(84.38% 0.0173 45.4)', - 'number-unhovered-color': 'oklch(91.11% 0.0295 4.56 / 84%)', - 'canvas-color': 'oklch(50.76% 0.2933 286.69 / 7%)', - 'dots-color': 'oklch(100% 0% 0deg / 0%)', + 'Highlight': 'rgb(79 250 122)', + 'Lowlight': 'rgb(40 42 55)', + 'Icons': 'rgb(79 250 122)', + 'Text': 'rgb(79 250 122)', + 'Number': 'rgba(255 255 255 / 0.35)', + 'Icons〔Hovered〕': 'rgb(40 42 55)', + 'Text〔Hovered〕': 'rgb(40 42 55)', + 'Number〔Hovered〕':'rgba(40 42 55 / 0.5)', + 'Canvas': 'rgba(67 70 89 / 0.7)', + 'Dots': 'rgba(255 255 255 / 0)', }, @@ -43,4 +46,9 @@ { class: "label-layer", content: "name" }, { class: "icon-layer", content: "icon" }, ], -} \ No newline at end of file +} + + + + + diff --git a/themes/modified-bent-photon/README.md b/themes/modified-bent-photon/README.md deleted file mode 100644 index df17595..0000000 --- a/themes/modified-bent-photon/README.md +++ /dev/null @@ -1,6 +0,0 @@ - - -Modified version of Bent Photon by Neigh to include text and icon color customization. diff --git a/themes/modified-bent-photon/REUSE.toml b/themes/modified-bent-photon/REUSE.toml deleted file mode 100644 index ff1ac6c..0000000 --- a/themes/modified-bent-photon/REUSE.toml +++ /dev/null @@ -1,17 +0,0 @@ -# SPDX-FileCopyrightText: reass -# SPDX-License-Identifier: CC-BY-4.0 - -version = 1 - -[[annotations]] -path = ["*.jpg", "*.png"] -precedence = "aggregate" -SPDX-FileCopyrightText = "reass " -SPDX-License-Identifier = "CC-BY-4.0" - -# Font from: https://fonts.google.com/specimen/Space+Grotesk -[[annotations]] -path = ["SpaceGrotesk-Bold.otf"] -precedence = "aggregate" -SPDX-FileCopyrightText = "Copyright 2020 The Space Grotesk Project Authors (https://github.com/floriankarsten/space-grotesk)" -SPDX-License-Identifier = "OFL-1.1" \ No newline at end of file diff --git a/themes/modified-bent-photon/preview.jpg b/themes/modified-bent-photon/preview.jpg deleted file mode 100644 index 7aed8d3..0000000 Binary files a/themes/modified-bent-photon/preview.jpg and /dev/null differ