dotfiles/.config/kando/menu-themes/neo-ring/theme.json5
2026-02-04 18:05:27 +01:00

73 lines
2.7 KiB
Text

//////////////////////////////////////////////////////////////////////////////////////////
// _ _ ____ _ _ ___ ____ //
// |_/ |__| |\ | | \ | | This file belongs to Kando, the cross-platform //
// | \_ | | | \| |__/ |__| pie menu. Read more on github.com/kando-menu/kando //
// //
//////////////////////////////////////////////////////////////////////////////////////////
// SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
// SPDX-FileCopyrightText: 2025 Rena and LCG
// SPDX-License-Identifier: CC0-1.0
{
name: 'Neo Ring',
author: 'Rena and LCG',
license: 'CC0-1.0',
themeVersion: '1.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.
engineVersion: 1,
// When a menu is opened too close to a screen's edge, it is moved away from the edge
// by this amount of pixels.
maxMenuRadius: 160,
// The width at which the center text is wrapped.
centerTextWrapWidth: 90,
// This theme draws child items below their parent items.
drawChildrenBelow: true,
// Draw the thin lines between adjacent menu items.
drawSelectionWedges: true,
// These colors can be configured by the user and are available in the CSS file as CSS
// variables. The default values are used if the user does not provide any values.
colors: {
'glow-color': 'rgb(0, 255, 255)',
'connector-color': 'rgba(0, 255, 255, 0.8)',
'canvas-color': 'rgba(0, 40, 40, 0.6)',
'icon-color': 'rgb(0, 255, 255)',
'label-color': 'rgb(255, 255, 255)',
'label-glow-color': 'rgb(255, 255, 255)',
'wedge-highlight-color': 'rgba(0, 255, 255, 0.1)',
'wedge-color': 'rgba(0, 255, 255, 0.2)',
},
// This theme uses multiple layers to create enhanced neon ring effects.
// The layers are rendered in the order specified below, with the first layer
// being drawn at the bottom and the last layer at the top.
layers: [
{
// Inner neon ring layer - provides secondary glow effect
class: 'inner-neon-ring',
content: 'none'
},
{
// Outer neon ring layer - provides primary glow effect
class: 'outer-neon-ring',
content: 'none'
},
{
// Icon layer - contains the actual menu item icons
class: 'icon-layer',
content: 'icon'
},
{
// Arrow layer - provides directional indication for navigation
class: 'arrow-layer',
content: 'none'
}
]
}