Skip to content

Cinny (configurable) Darker Theme by reinachan

Screenshot of Cinny (configurable) Darker Theme

Details

Authorreinachan

LicenseAGPL-3.0

Categorycinny

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A darker theme for Cinny that is configurable in case you don't like my colour scheme.

Notes

Currently, there's no git repository for this. Maybe I'll make one in the future. For now, if you're facing any issues and want to report them, message me on Matrix at reinacchan:matrix.org

Changelog

1.1.0 - fixed the updated right sidebar and message composition components

So, like, Cinny is doing major overhauls to their UI and components atm. That means that this userstyle will break frequently going forward. As long as I keep using Cinny and they don't provide a darker theme, I'll keep updating this whenever I notice.

Source code

/* ==UserStyle==
@name           Cinny (configurable) Darker Theme
@namespace      userstyles.world/user/reinachan
@version        1.1.0
@description    Makes Cinny's dark theme darker but lets you customise it if you'd like
@author         Reinachan
@preprocessor   less

@var color      bg-surface "bg-surface" #0f0f0f
@var color      bg-surface-low "bg-surface-low" #090909
@var color      bg-surface-extra-low "bg-surface-extra-low" #010101
@var color      bg-surface-border "borders" #121212
@var color      bg-surface-input "borders" #181818
@var color      bg-surface-input-border "borders" #222222
==/UserStyle== */

@-moz-document domain("app.cinny.in") {
  /* Insert code here... */
  
  .dark-theme {
    --bg-surface: @bg-surface;
    --bg-surface-low: @bg-surface-low;
    --bg-surface-extra-low: @bg-surface-extra-low;
    --bg-surface-border: @bg-surface-border;
    
    /* Palette */
    --oq6d070: @bg-surface-low;
    --oq6d073: @bg-surface-border;
    --oq6d075: @bg-surface;
    --oq6d07a: @bg-surface-input;
    --oq6d07d: @bg-surface-input-border;
  }
}

Reviews

No reviews yet.