complementary-discord-theme/complementary.theme.scss at master · D3SOX/complementary-discord-theme · 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/*
 * @name Complementary
 * @description QOL enhancements for Discord
 * @author D3SOX
 * @version 1.3
*/

// Settings Icons
@import url("https://hugo9655.github.io/SettingsIcons/SettingsIcons.theme.css");

// Hide Nitro upselling
@import url("https://d3sox.github.io/complementary-discord-theme/hide-nitro-upselling.theme.css");

// Visual Refresh: Compact Title Bar
@import url('https://raw.githubusercontent.com/surgedevs/visual-refresh-compact-title-bar/refs/heads/main/hidden.css');

// Hide Help Button
[class^="toolbar"] a[href="https://support.discord.com"] {
  display: none;
}

// Collapsed Search Bar (by Freeplay)
/*[class*="title_"][class*="container_"] [class*="toolbar_"] [class*="search_"] [class*="searchBar_"] {
  background: none !important;
  width: 24px;
  color: var(--color-text);
  transition: width 0.2s, padding 0.5s;
  padding: 0;
}
[class*="title_"][class*="container_"] [class*="toolbar_"] [class*="search_"] [class*="searchBar_"] [class*="iconContainer_"] {
  width: 24px !important;
  height: 24px;
  cursor: pointer !important;
}
[class*="title_"][class*="container_"] [class*="toolbar_"] [class*="search_"] [class*="searchBar_"],
[class*="title_"][class*="container_"] [class*="toolbar_"] [class*="search_"] [class*="searchBar_"] svg {
  color: var(--color-text);
  width: 24px;
  height: 24px;
  padding: 0.5px;
}
[class*="toolbar_"] [class*="open_"] [class*="searchBar_"] {
  width: 300px !important;
  padding: 0 10px !important;
}
[class*="toolbar_"] [class*="open_"] [class*="searchBar_"] svg {
  color: var(--text-muted);
  transform: scale(0.8);
}*/

// Hide activities on top of members list
[class^="membersGroup_"]:has([class^="toggleExpandIcon_"]) {
  display: none !important;
}

// Visual Refresh: Bring back the round server icons
[class*="closedFolderIconWrapper_"] > [class*="guildIcon_"],
[data-list-item-id*="guildsnav_"] > [class*="icon_"] {
  border-radius: 50% !important;
}

// Visual Refresh: Move chatbar to bottom
.visual-refresh {
  --custom-channel-textarea-text-area-height: 56px;
  .form_f75fb0 {
    margin: 0 8px 8px 8px;
    padding: 0;
    --chatbar-border-color: var(--border-faint);
  }
  .channelTextArea_f75fb0 {
    margin: 0;
    border-color: var(--chatbar-border-color);
    transition: none;
  }
  .base_b88801 {
    top: -25px;
    left: 0;
    right: 0;
    background-color: var(--chat-background-default);
    padding: 0 8px;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    border: 1px solid var(--chatbar-border-color);
    border-bottom: none;
    transition: none;
  }
  .stackedBars__74017,
  .threadSuggestionBar__841c8 {
    border-color: var(--chatbar-border-color) !important;
  }
  .form_f75fb0:has(.base_b88801) {
    .channelTextArea_f75fb0 {
      border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    }
  }
  .form_f75fb0:has(.channelTextArea__74017:focus-within) {
    --chatbar-border-color: var(--border-subtle);
  }
  .scrollerSpacer__36d07 {
    height: calc(25px + 8px);
  }
  .scroller__36d07::-webkit-scrollbar-track {
    margin-bottom: calc(21px + 8px);
  }
  .bottomBar__0f481 {
    margin-bottom: 25px;
  }
}