# Red Theme Revert Guide

## Overview

The Symi UI has been updated to use a red theme for the prompt window. This guide explains the changes made and how to revert if needed.

## Changes Made

### File Modified

- `css/style.css` - Updated to use red accents instead of cyan

### What Changed

1. **Prompt bar background**: Changed from cyan/white to red-tinted semi-transparent
2. **Prompt bar borders**: Changed from cyan to red
3. **Prompt bar focus state**: Changed from cyan glow to red glow
4. **Prompt icon**: Changed from cyan to red
5. **Send button**: Changed from cyan to red
6. **Thinking bubble**: Changed from cyan to red
7. **Code language badges**: Changed from cyan to red
8. **Text cursor**: Changed from cyan to red

## How to Apply Red Theme

### Method 1: Direct File Copy (Recommended)

```bash
cd /home/viper/projects/symi/glass-ui/css
cp style.css.red-theme style.css
```

### Method 2: Backup & Restore

```bash
# Backup current file
cp /home/viper/projects/symi/glass-ui/css/style.css /home/viper/projects/symi/glass-ui/css/style.css.backup-current

# Apply red theme
cp /home/viper/projects/symi/glass-ui/css/style.css.red-theme /home/viper/projects/symi/glass-ui/css/style.css
```

## How to Revert to Original Theme

### Method 1: Restore from Backup (Recommended)

```bash
cd /home/viper/projects/symi/glass-ui/css
cp style.css.backup-before-red-theme-2026-03-03-162530 style.css
```

### Method 2: Restore from Red Theme File

```bash
cd /home/viper/projects/symi/glass-ui/css
cp style.css.red-theme style.css
```

### Method 3: Manual Revert

If you need to manually revert specific CSS changes, you'll need to:

1. Replace `var(--accent-cyan)` with `var(--accent-cyan)` (revert cyan accents to original)
2. Change red-tinted backgrounds back to original
3. Restore original glow effects

## Backup Files Created

### Original Theme Backup

- `css/style.css.backup-before-red-theme-2026-03-03-162530` - Original cyan theme

### Current Red Theme

- `css/style.css.red-theme` - Complete red-themed CSS file

### Additional Backups

- `css/style.css.backup-2026-03-03-112600` - Previous backup
- `css/style.css.backup-2026-03-03-162525` - Backup before red theme creation

## CSS Variables Referenced

### Original (Cyan) Theme

- `--accent-cyan` - Used for primary accents
- `--glass-border` - Border color for glass panels
- Various cyan-tinted rgba values

### Red Theme

- `rgba(255,0,0,0.85)` - Primary red accent color
- `rgba(255,0,0,0.12)` - Red background opacity
- `rgba(255,0,0,0.08)` - Red border/box-shadow opacity

## Testing the Changes

1. Restart the Symi Glass UI if it's running
2. Open a new session
3. Check if the prompt bar now has a red glow and accents
4. Verify focus states and interactive elements

## Notes

- This change only affects the prompt window UI elements
- All other UI components (chat messages, code blocks, etc.) remain unchanged
- The theme can be toggled between cyan and red at any time
- All backups are preserved for easy rollback

## Troubleshooting

### Issue: Changes not visible

- Restart the Symi Glass UI browser window
- Clear browser cache if needed
- Check that the correct CSS file is being loaded

### Issue: Partial changes applied

- Verify the file copy operation completed successfully
- Check file permissions
- Ensure no conflicting CSS files are being loaded

## Quick Commands

```bash
# Apply red theme
cd /home/viper/projects/symi/glass-ui/css && cp style.css.red-theme style.css

# Revert to original theme
cd /home/viper/projects/symi/glass-ui/css && cp style.css.backup-before-red-theme-2026-03-03-162530 style.css

# List all backup files
ls -la /home/viper/projects/symi/glass-ui/css/*.backup*
```

---

**Last Updated:** 2026-03-03 at 4:25 PM CST
**Theme Version:** Red Theme v1.0
**Status:** Ready for deployment
