KLITE Theme Customization Tool

Overview

The KLITE Theme Customization Tool is a mod for KoboldAI Lite that provides a comprehensive theming and UI customization interface. This tool was the original project that started the KLITE toolkit, beginning as a simple black theme creator and evolving into a full theme editor.

What It Does

This mod adds a sophisticated theme editing system to KoboldAI Lite, allowing users to create and apply custom visual themes. The tool provides real-time theme editing capabilities with a dedicated side panel interface.

Key Features

  • Live Theme Preview: See changes instantly as you edit theme elements
  • Side Panel Interface: Dedicated theming panel that slides in from the right side
  • Custom CSS Generation: Creates and applies custom stylesheets to KoboldAI Lite
  • Visual Theme Builder: User-friendly interface for modifying colors, fonts, and layout elements
  • Theme Persistence: Saves and loads custom themes for future use
  • Mobile Responsive: Optimized interface that works on various screen sizes

Original Purpose

As noted in the GitHub repository, this tool "started as a tool to create a black theme for Lite" but has since expanded into a comprehensive theming solution for the KoboldAI Lite interface.

Installation

  1. Open KoboldAI Lite in your browser
  2. Navigate to the Advanced Settings tab
  3. Click "Apply User Script"
  4. Paste the KLITEThemeCustomizationTool.js code
  5. Click OK to activate

The Theme Customization panel will appear on the right side of the interface and can be used to modify the visual appearance of KoboldAI Lite in real-time.

Usage

  • The tool provides an intuitive interface for modifying visual elements
  • Changes are applied immediately for instant feedback
  • Custom themes can be saved and reloaded
  • The collapsible panel design keeps the interface clean when not in use

Source Code

Available at: https://github.com/PeterPeet/KLITE-Tools License: GPL-3.0