discord-plus/DiscordPlus.theme.css at master · PlusInsta/discord-plus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/**
 * @name Discord+
 * @author PlusInsta
 * @authorId 309931975102300160
 * @authorLink https://plusinsta.xyz
 * @version 3.4.1
 * @description A sleek, customizable Discord theme.
 * @donate https://ko-fi.com/plusinsta
 * @website https://plusinsta.github.io/discord-plus
 * @source https://github.com/PlusInsta/discord-plus/tree/master/src
 * @updateUrl https://plusinsta.github.io/discord-plus/DiscordPlus.theme.css
 * @invite 2Jwh2nS
*/
@import url('https://plusinsta.github.io/discord-plus/src/DiscordPlus-source.theme.css');

.theme-dark {
  --dplus-backdrop: url('https://i.ibb.co/1yMXFFr/Moonlit-Dusk-2018.webp');
  /* Image or color for the backdrop. Defaults to accent color on error. */

  --dplus-accent-color-hue: 320;
  --dplus-accent-color-saturation: 60%;
  --dplus-accent-color-lightness: 31%;
  /* Accent colors accentuate foreground elements. */
  /* https://hslpicker.com */

  --dplus-foreground-color-hue-base: 210;
  --dplus-foreground-color-hue-links: 197;
  --dplus-foreground-color-saturation-amount: 1;
  --dplus-foreground-color-lightness-amount: 1;
  /* These determine the color of foreground elements. */
  /*
  * NOTE: "Amount" is an offset, where 1.0 is normal, and 0.5 is reduced by 50%.
  * An example: If an element has a base lightness of 0.45,
  * setting --dplus-foreground-color-lightness-amount to 0.8
  * results in the element getting a final lightness of 0.25.
  * While your offsets can be any number, the final values will always be between 0 and 1. */

  --dplus-background-color-hue: 320;
  --dplus-background-color-saturation-amount: 1;
  --dplus-background-color-lightness-amount: 1;
  --dplus-background-color-alpha: 0.8;
  /* This determines the color and opacity of surfaces. */
  /* If the foreground is hard to read, try adjusting these values. */
}

/* If you use light theme, you can modify it separately from dark theme. */
/* The instructions above work for light theme too. */
.theme-light {
  --dplus-backdrop: url('https://i.ibb.co/CKzkqnyk/Dawn-2020.webp');

  --dplus-accent-color-hue: 320;
  --dplus-accent-color-saturation: 60%;
  --dplus-accent-color-lightness: 31%;

  --dplus-foreground-color-hue-base: 210;
  --dplus-foreground-color-hue-links: 197;
  --dplus-foreground-color-saturation-amount: 1;
  --dplus-foreground-color-lightness-amount: 1;

  --dplus-background-color-hue: 320;
  --dplus-background-color-saturation-amount: 1;
  --dplus-background-color-lightness-amount: 1;
  --dplus-background-color-alpha: 0.8;
}

:root {
  --dplus-font-ui: 'Poppins';
  --dplus-font-body: 'Roboto';
  --dplus-font-header: 'Righteous';
  /* You can use any font that is installed, but you need to input its web name. */
  /* If you just installed a font, you may need to restart the app or device first. */

  --dplus-radius-ui: 10px;
  /* Rounding on square corners of app elements. Should be absolute size, e.g. pixels. */
  --dplus-radius-avatar: 20%;
  /* Rounding of user profile icons. Should be relative size, e.g. percentage. */
  --dplus-radius-server: 20%;
  /* Rounding of server profile icons. Should be relative size, e.g. percentage. */

  --dplus-spacing-ui: 10px;
  /* This value affects overall padding and margins across the app. */
  /* Increasing this will make the app less compact. */
  --dplus-spacing-app: 10px;
  /* This value affects spacing between major app elements. */
  /* Increasing this will make the backdrop easier to see. */

  --dplus-icon-avatar-chat: 64px;
  /* This affects the size of user profile icons as seen in the chat. */
  --dplus-icon-avatar-list: 32px;
  /* The size of user profile icons as seen in lists. */
  --dplus-icon-avatar-profile: 80px;
  /* The size of user profile icons as seen on the full profile. */
}