Skip to content
CleverKeys Wiki

Themes

Customize the appearance of your keyboard with different color themes, from dark modes to vibrant colors.

Quick Summary

WhatDescription
PurposeChange keyboard colors and appearance
AccessSettings > Theme Manager (in Activities section)
Options35+ built-in themes + custom DIY colors

Built-in Themes

CleverKeys includes many pre-designed themes:

Dark Themes

ThemeDescription
CleverKeys DarkDefault - deep purple with silver accents
DarkClassic dark gray
BlackPure black for OLED screens
Alt BlackAlternative black styling
ePaper BlackHigh contrast e-ink dark
CobaltBlue-tinted dark theme
PineDark green nature theme
Rose PineMuted rose and pine colors

Light Themes

ThemeDescription
CleverKeys LightSilver keys with purple accents
LightClassic light gray
WhitePure white background
ePaperHigh contrast e-ink style
Everforest LightSoft green nature theme
DesertWarm sandy tones
JungleTropical teal theme
JewelVibrant colored theme

System-Following Themes (Android 12+)

ThemeDescription
MonetMaterial You - follows system colors
Monet LightMaterial You - forced light
Monet DarkMaterial You - forced dark

[!NOTE] Monet themes require Android 12+ for dynamic color extraction. On older devices, these themes fall back to default colors.

How to Change Theme

Step 1: Open Theme Manager

  1. Open CleverKeys Settings (gear icon)
  2. Scroll to Activities section
  3. Tap Theme Manager

Step 2: Select Theme

  1. Scroll through available themes
  2. Each theme shows its name and preview colors
  3. Tap to select

Step 3: Apply

The theme applies immediately. No restart required.

DIY Theme Creator

CleverKeys includes a powerful theme creator for custom colors:

Accessible Colors

ElementDescription
Key ColorsDefault, Activated, Locked, Modifier, Special
Label ColorsPrimary, Sub-label, Secondary labels
Border ColorsFull border customization
Trail EffectsSwipe trail color and style

Creating Custom Theme

  1. Open Theme Manager
  2. Scroll to Custom Theme or DIY section
  3. Tap each color element to customize
  4. Use the color picker or enter hex codes
  5. Changes apply in real-time

Theme Elements

What each theme affects:

┌─────────────────────────────────┐
│   Prediction Bar Background     │ ← Bar color
│   [word1] [word2] [word3]       │ ← Suggestion colors
├─────────────────────────────────┤
│ ┌───┐ ┌───┐ ┌───┐ ┌───┐ ┌───┐ │
│ │ Q │ │ W │ │ E │ │ R │ │ T │ │ ← Key bg + text
│ └───┘ └───┘ └───┘ └───┘ └───┘ │
│         Keyboard Background     │ ← Main background
└─────────────────────────────────┘

Tips and Tricks

  • OLED screens: Use Black or ePaper Black themes to save battery
  • Readability: Ensure good contrast between keys and text
  • Eye strain: Dark themes are easier on eyes in low light
  • Material You: Use Monet theme on Android 12+ for system color matching

[!TIP] The Monet theme on Android 12+ automatically uses your wallpaper’s accent colors.

Opacity Settings

Adjust transparency in the Appearance section:

SettingRangeDescription
Keyboard Opacity0-100%Overall keyboard transparency
Key Opacity0-100%Transparency of key backgrounds
Suggestion Bar Opacity0-100%Prediction bar transparency

Settings Locations

SettingLocationDescription
Theme SelectionActivities > Theme ManagerSelect theme
Keyboard OpacityAppearance sectionOverall transparency
Key OpacityAppearance sectionKey transparency
Border StyleAppearance sectionKey borders

Common Questions

Q: Can I create my own theme?

A: Yes! Use the DIY Theme Creator in Theme Manager to customize every color.

Q: How do I backup my custom theme?

A: Export your settings via Settings > Activities > Backup & Restore which includes theme settings.

Q: Why does Monet theme look different than expected?

A: Monet uses Android’s Material You color extraction. Results depend on your wallpaper and Android version. Requires Android 12+.

Q: The keyboard background is transparent!

A: Increase Keyboard Opacity in the Appearance section (Settings > Appearance).

All docs Report doc issue