material-trello

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

material-trello

★ 11 Open GitHub ↗

A Material Dark Theme for Trello

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Material Dark Trello
A Material Dark Theme for Trello

![Material Dark Theme for Trello](https://github.com/CharlieEtienne/material-trello/blob/master/screenshot.png)

Colors based on VSCode Material Theme by Mattia Astorino
https://github.com/equinusocio/vsc-material-theme

Most of CSS based on Digital Dark Style by Michael Fabian 'Xaymar' Dirks
https://github.com/Xaymar/Trello-Digital-Dark

## 3 themes available

### Dark (Default)
```css
    /* Transparent nuances */
    --TR1: hsla(200, 19%, 15%, 0);
    --TR2: hsla(200, 19%, 18%, 0.5);
    --TR3: hsla(200, 19%, 18%, 0.88);
    --TR4: hsla(200, 19%, 70%, 0.66);

/* Opaque nuances */
    --OP1: hsla(200, 19%, 15%, 1);
    --OP2: hsla(200, 19%, 18%, 1);
    --OP3: hsla(200, 19%, 21%, 1);
    --OP4: hsla(200, 19%, 26%, 1);
    --OP5: hsla(200, 19%, 30%, 1);
    --OP6: hsla(200, 19%, 32%, 1);
    --OP7: hsla(200, 19%, 36%, 1);
    --OP8: hsla(200, 19%, 50%, 1);
    --OP9: hsla(200, 19%, 60%, 1);
    --OP10: hsla(200, 19%, 63%, 1);
    --OP11: hsla(200, 19%, 66%, 1);
    --OP12: hsla(200, 19%, 70%, 1);
    --OP13: hsla(200, 19%, 75%, 1);
    --OP14: hsla(200, 19%, 76%, 1);
    --OP15: hsla(200, 19%, 80%, 1);
    --OP16: hsla(200, 19%, 84%, 1);
    --OP17: hsla(200, 19%, 90%, 1);
    --OP18: hsla(200, 19%, 95%, 1);
```

### Darker
```css
    /* Transparent nuances */
    --TR1: hsla(0, 0%, 15%, 0);
    --TR2: hsla(0, 0%, 18%, 0.5);
    --TR3: hsla(0, 0%, 18%, 0.88);
    --TR4: hsla(0, 0%, 70%, 0.66);

/* Opaque nuances */
    --OP1: hsla(0, 0%, 15%, 1);
    --OP2: hsla(0, 0%, 18%, 1);
    --OP3: hsla(0, 0%, 21%, 1);
    --OP4: hsla(0, 0%, 26%, 1);
    --OP5: hsla(0, 0%, 30%, 1);
    --OP6: hsla(0, 0%, 32%, 1);
    --OP7: hsla(0, 0%, 36%, 1);
    --OP8: hsla(0, 0%, 50%, 1);
    --OP9: hsla(0, 0%, 60%, 1);
    --OP10: hsla(0, 0%, 63%, 1);
    --OP11: hsla(0, 0%, 66%, 1);
    --OP12: hsla(0, 0%, 70%, 1);
    --OP13: hsla(0, 0%, 75%, 1);
    --OP14: hsla(0, 0%, 76%, 1);
    --OP15: hsla(0, 0%, 80%, 1);
    --OP16: hsla(0, 0%, 84%, 1);
    --OP17: hsla(0, 0%, 90%, 1);
    --OP18: hsla(0, 0%, 95%, 1);
```

### Palenight
```css
    /* Transparent nuances */
    --TR1: hsla(229, 20%, 15%, 0);
    --TR2: hsla(229, 20%, 18%, 0.5);
    --TR3: hsla(229, 20%, 18%, 0.88);
    --TR4: hsla(229, 20%, 70%, 0.66);

/* Opaque nuances */
    --OP1: hsla(229, 20%, 15%, 1);
    --OP2: hsla(229, 20%, 18%, 1);
    --OP3: hsla(229, 20%, 21%, 1);
    --OP4: hsla(229, 20%, 26%, 1);
    --OP5: hsla(229, 20%, 30%, 1);
    --OP6: hsla(229, 20%, 32%, 1);
    --OP7: hsla(229, 20%, 36%, 1);
    --OP8: hsla(229, 20%, 50%, 1);
    --OP9: hsla(229, 20%, 60%, 1);
    --OP10: hsla(229, 20%, 63%, 1);
    --OP11: hsla(229, 20%, 66%, 1);
    --OP12: hsla(229, 20%, 70%, 1);
    --OP13: hsla(229, 20%, 75%, 1);
    --OP14: hsla(229, 20%, 76%, 1);
    --OP15: hsla(229, 20%, 80%, 1);
    --OP16: hsla(229, 20%, 84%, 1);
    --OP17: hsla(229, 20%, 90%, 1);
    --OP18: hsla(229, 20%, 95%, 1);
```

Install here https://userstyles.org/styles/167605/material-dark-trello

material-trello

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README