Replace Modified Bent Photon by Bent Photon

README.md

@@ -38,7 +38,7 @@ Afterwards, you will have to restart Kando, and then you can select the new them
 | [**Hexperiment**](./themes/hexperiment/) <br>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. <br> <br> [![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/) <br>This theme combines style and compactness! <br> <br> [![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) <br>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)! <br> <br> [![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/)<br>A variation of the original [Bent Photon Theme](https://github.com/NeighNeighNeigh/Kando_Themes) by NeighNeighNeigh. <br> <br> [![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/)<br>A clean and stylish theme made by [NeighNeighNeigh](https://github.com/NeighNeighNeigh/Kando_Themes). <br> <br> [![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/) <br>An enhanced version of the original neon-lights theme with 21 customizable color options, multi-layer glow effects, and dynamic rotating rings. <br> <br> [![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/)<br>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. <br> <br> [![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/) <br>A cyberpunk-style theme with dual neon ring effects and enhanced glow animations. <br> <br> [![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)             |

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.

themes/bent-photon/README.md

@@ -0,0 +1,8 @@
+<!--
+SPDX-FileCopyrightText: Elfi Ox <https://github.com/elfi-ox>
+SPDX-License-Identifier: CC-BY-4.0
+-->
+
+<p align="center">  
+  <img src="banner.png" />
+</p>

themes/bent-photon/REUSE.toml

@@ -0,0 +1,36 @@
+# SPDX-FileCopyrightText: NeighNeighNeigh <https://github.com/NeighNeighNeigh>
+# SPDX-License-Identifier: MIT
+
+version = 1
+
+[[annotations]]
+path = ["*.jpg", "*.png"]
+precedence = "aggregate"
+SPDX-FileCopyrightText = "NeighNeighNeigh <https://github.com/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 <https://github.com/NeighNeighNeigh>"
+SPDX-License-Identifier = "MIT"
+
+
+[[annotations]]
+path = ["presets/Reass Red.json"]
+precedence = "override"
+SPDX-FileCopyrightText = "Ba reass <https://github.com/reassDev>"
+SPDX-License-Identifier = "CC-BY-4.0"
+
+[[annotations]]
+path = ["banner.png"]
+precedence = "override"
+SPDX-FileCopyrightText = "Elfi Ox <https://github.com/elfi-ox>"
+SPDX-License-Identifier = "CC0-1.0"

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)"
+  }
+}

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)"
+  }
+}

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)"
+  }
+}

themes/modified-bent-photon/theme.css → themes/bent-photon/theme.css

@@ -5,34 +5,35 @@
 /*                                                                                      */
 /*//////////////////////////////////////////////////////////////////////////////////////*/
 
-/* SPDX-FileCopyrightText: reass <https://github.com/reassDev> */
-/* SPDX-FileCopyrightText: Copyright (c) 2024 NeighNeighNeigh */
+/* SPDX-FileCopyrightText: NeighNeighNeigh <https://github.com/NeighNeighNeigh> */
+/* SPDX-FileCopyrightText: Elfi Ox <https://github.com/elfi-ox> */
 /* SPDX-License-Identifier: MIT */
 
+
 @font-face {
   font-family: 'SpaceGrotesk-Bold';
   src: url('SpaceGrotesk-Bold.otf') format('opentype');
 }
 
 
 #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;
-}
+}

themes/modified-bent-photon/theme.json5 → themes/bent-photon/theme.json5

@@ -5,15 +5,15 @@
 //                                                                                      //
 //////////////////////////////////////////////////////////////////////////////////////////
 
-// SPDX-FileCopyrightText: reass <https://github.com/reassDev>
-// SPDX-FileCopyrightText: Copyright (c) 2024 NeighNeighNeigh
+// SPDX-FileCopyrightText: NeighNeighNeigh <https://github.com/NeighNeighNeigh>
+// SPDX-FileCopyrightText: Elfi Ox <https://github.com/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,18 +29,26 @@
   // 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)',
   },
 
 
   layers: [
     { class: "label-layer", content: "name" },
     { class: "icon-layer", content: "icon" },
   ],
-}
+}
+
+
+
+
+