69 lines
3.3 KiB
Text
69 lines
3.3 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: 'Navigation',
|
||
author: 'Rena and LCG',
|
||
license: 'CC0-1.0',
|
||
themeVersion: '6.4',
|
||
description: 'Modern minimalist ring navigation theme with dynamic ripple animations. Features smooth icon expansion with natural sway motion and synchronized ring ripple effects.',
|
||
|
||
engineVersion: 1,
|
||
|
||
maxMenuRadius: 180,
|
||
centerTextWrapWidth: 140, // Precisely matches inner circle diameter (70px radius × 2)
|
||
drawChildrenBelow: true,
|
||
childTransitionTime: 200,
|
||
|
||
colors: {
|
||
// === 🔤 Text Color Configuration ===
|
||
'text-color': 'rgb(255 255 255 / 0.9)', // Center text primary color
|
||
'text-glow': 'rgb(255 255 255 / 0.5)', // Text glow effect
|
||
'text-glow-outer': 'rgb(85 85 85 / 0.3)', // Text outer glow - gray tones
|
||
|
||
// === 🎨 Icon Color Configuration ===
|
||
'icon-color': 'rgb(255 255 255 / 0.9)', // Icon base color
|
||
'icon-hover-color': 'rgb(255 255 255 / 1.0)', // Icon color on hover
|
||
'icon-glow': 'rgb(255 255 255 / 0.5)', // Icon glow effect
|
||
'icon-glow-outer': 'rgba(255, 255, 255, 0.3)', // Icon outer glow
|
||
|
||
// === ⭕ Ring Color Configuration ===
|
||
'ring-color': 'rgb(71 71 71 / 0.34)', // Ring main body color - dark gray
|
||
'ring-glow': 'rgba(255, 255, 255, 0.3)', // Ring primary glow
|
||
'ring-glow-inner': 'rgb(212 212 212 / 0.25)', // Ring inner glow - light gray
|
||
'ring-glow-outer': 'rgba(255, 255, 255, 0.4)', // Ring outer glow
|
||
'ring-inner-hole-glow': 'rgb(254 254 254 / 0.2)', // Ring inner hole glow
|
||
'ring-inner-hole-glow-inner': 'rgb(255 255 255 / 0.3)', // Inner hole inner glow
|
||
'ring-inner-hole-glow-outer': 'rgba(255, 255, 255, 0.1)', // Inner hole outer glow
|
||
|
||
// === 🎯 Sector Highlight Configuration ===
|
||
'sector-highlight': 'rgb(34 104 234 / 0.6)', // Sector highlight main color - blue tones
|
||
'sector-inner-glow': 'rgb(42 235 199 / 0.86)', // Sector inner glow - cyan high opacity
|
||
|
||
// === 🔗 Parent Indicator Configuration ===
|
||
'parent-indicator-color': 'rgba(255, 255, 255, 0.8)', // Parent arrow color
|
||
'parent-indicator-glow': 'rgba(255, 255, 255, 0.4)', // Arrow glow effect
|
||
|
||
// === 🌫️ Background Configuration ===
|
||
'canvas-bg': 'rgba(0, 0, 0, 0)', // Canvas background mask - fully transparent
|
||
|
||
// === 🌈 Dual Background Layer Configuration ===
|
||
'background-layer-left': 'rgba(255, 255, 255, 1.0)', // Left half screen background - pure white
|
||
'background-layer-right': 'rgba(0, 0, 0, 1.0)' // Right half screen background - pure black
|
||
},
|
||
|
||
layers: [
|
||
{
|
||
class: 'icon-layer',
|
||
content: 'icon'
|
||
}
|
||
]
|
||
}
|