SKILLEX

This document contains everything needed to replicate the Dark Skeuomorphic / "Control Console" design system used in the Dataset-Creator-App.

1. Core Concept & Theme

• Style: Neumorphic / Skeuomorphic Hardware Console.
• Lighting: Constant top-left (↖) light source, creating true-black drop shadows and highlights.
• Vibe: Physical hardware, glowing LED indicators, deep terminal screens.
• Stack: Tailwind CSS + Vanilla CSS Variables + React.

2. Tailwind Configuration

Add these extensions to your tailwind.config.js:

/** @type {import('tailwindcss').Config} */
export default {
    content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
    theme: {
        extend: {
            colors: {
                neu: {
                    base: '#212529',
                    dark: '#1a1d21',
                    text: '#e0e0e0',
                    dim: '#8a8f98',
                    accent: '#ff6b00',  /* Warm Orange */
                    warning: '#ffb300'
                }
            },
            borderRadius: {
                'xl': '20px',
                '2xl': '30px'
            }
        },
    },
    plugins: [],
}