NotAnotherAnimeTheme

By puckzxz Version 3.2 Updated 08/22/2022 1.5M downloads

An easily customizable and automatically updating theme

anime customizable transparent dark

883

Live preview

Full Discord interface with this theme applied — powered by ThemePreview.

Screenshot

NotAnotherAnimeTheme.theme.css

GitHub

Open source

https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/50d1dca2f31425a0b3e722469a473a9a71e7f87a/NotAnotherAnimeTheme.theme.css

1/**

2* @name NotAnotherAnimeTheme

3* @author puckzxz#2080

4* @version 3.2

5* @description An easily customizable and automatically updating theme

6* @invite FdZhbjY

7* @source https://github.com/puckzxz/NotAnotherAnimeTheme

8* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css

9*/

11@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css);

13/*

14 To make editing this theme easier I recommend using Notepad++

15 you can download it for free here https://notepad-plus-plus.org/download/

16*/

18/* Any images you use MUST end with .jpg or .png or any other image extension */

20:root {

21 /*

22 Theme Background

23 */

24 --theme-background-image: url(https://i.imgur.com/j1Z6HVc.jpg);

26 /*

27 Main Theme Color

28 */

29 --main-theme-color: rgb(67, 181, 129);

31 /*

32 Main Theme Transparency

33 */

34 --theme-transparency: rgba(0, 0, 0, 0.8);

36 /*

37 Home Icon Image

38 */

39 --home-icon-image: url(https://i.imgur.com/63g6Em8.jpg);

41 /*

42 Change your friends icon image position

43 */

44 --home-icon-image-position: center center;

46 /*

47 Change your friends icon image zoom

48 */

49 --home-icon-image-zoom: 100%;

51 /*

52 Server Listing Width

53 Single Column: 62px

54 Double Column: 126px

55 Triple Column: 184px

56 Quad Column: 242px

57 */

58 --server-listing-width: 126px;

60 /*

61 Font Size

62 */

63 --font-size: 100%;

65 /*

66 Mention colors

67 */

68 --mention-color: rgba(250, 166, 26, 0.05);

69 --mention-sider: rgba(250, 166, 26, 1);

70 --mention-hover-color: rgba(250, 166, 26, 0.08);

72 /*

73 Server category hover color

74 */

75 --category-hover-color: rgb(60, 202, 138);

77 /*

78 Change the unread server animation.

79 Replace it with ";none"; in order to remove any animations and use the main color instead

80 */

81 --unread-server-animation: rainbow;

83 /*

84 Video / Screen share buttons

85 */

86 --video-screen-button-background-color: rgba(200, 200, 200, 0.2);

87 --video-screen-button-foreground-color: white;

88 --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4);

89 --video-screen-button-foreground-hovor-color: white;

91 /*

92 Role Title Color

93 */

94 --member-listing-role-color: var(--main-theme-color);

96 /*

97 Small User Popout

98 */

99 --small-user-popout-background-image: var(--theme-background-image);

100 --small-user-popout-background-transparency: rgba(0, 0, 0, 0.6);

101 --small-user-popout-background-image-position: center;

102

103 /*

104 Big User Popout

105 */

106 --big-user-popout-background-image: var(--theme-background-image);

107 --big-user-popout-background-transparency: rgba(0, 0, 0, 0.6);

108 --big-user-popout-background-image-position: center;

109

110 /*

111 Code Markup

112 */

113 --code-markup-background-color: rgba(0, 0, 0, 0.6);

114 --code-markup-border: 1px solid transparent;

115

116 /*

117 Message Box Transparency

118 */

119 --message-box-transparency: rgba(0, 0, 0, 0.6);

120

121 /*

122 Embed Background Transparency

123 */

124 --embed-background-transparency: rgba(0, 0, 0, 0.6);

125

126 /*

127 Message Hover Buttons

128 */

129 --message-hover-buttons-background: rgba(200, 200, 200, 0.1);

130

131 /*

132 Context Menu Transparency

133 */

134 --context-menu-transparency: rgba(15, 15, 15, 0.8);

135

136 /*

137 Add Server / Discovery Icon

138 */

139 --add-discover-icon-transparency: rgba(200, 200, 200, 0.15);

140 --add-discover-icon-color: #43b581;

141

142 /*

143 Channel Limit Number Color

144 */

145 --channel-limit-count-color: var(--channels-default);

146 --channel-limit-background-left: rgba(200, 200, 200, 0.1);

147 --channel-limit-background-right: rgba(200, 200, 200, 0.2);

148

149 /*

150 Scrollbar Colors

151 */

152 --scrollbar-color: rgba(200, 200, 200, 0.2);

153

154 /*

155 Unread Message Divider

156 */

157 --unread-message-divider-color: #f04747;

158 --unread-message-divider-font-color: #fff;

159

160 /*

161 New Messages Bar Color

162 */

163 --new-messages-bar-background-color: #7289da;

164 --new-messages-bar-font-color: #fff;

165

166 /*

167 Emoji Menu

168 */

169 --emoji-menu-background-color: rgba(0, 0, 0, 0.6);

170 --emoji-menu-sider-background-color: rgba(0, 0, 0, 0);

171 --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8);

172 --emoji-menu-bottom-bar-background-color: black;

173 --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1);

174

175 /*

176 Message Search

177 */

178 --message-search-menu-background-color: rgba(0, 0, 0, 0.8);

179 --message-search-container-background-color: rgba(0, 0, 0, 0.6);

180 --message-search-result-background-color: rgba(200, 200, 200, 0.05);

181

182 /*

183 Channel colors

184 */

185 --text-voice-channel-color: rgb(142, 146, 151);

186 --text-voice-channel-hover-color: #dcddde;

187 --text-voice-channel-selected-text-color: #fff;

188 --unread-text-channel-color: #fff;

189 --unread-text-channel-bubble-color: var(--main-theme-color);

190

191 /*

192 Folders

193 */

194 --folder-background-color: #2f3136;

195 --expanded-folder-background-color: transparent;

196

197 /*

198 Reactions

199 */

200 --reaction-emoji-background-color: rgba(0, 0, 0, 0);

201 --reaction-emoji-border-color: 1px solid transparent;

202 --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1);

203 --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2);

204}

205

/**
* @name NotAnotherAnimeTheme
* @author puckzxz#2080
* @version 3.2
* @description An easily customizable and automatically updating theme
* @invite FdZhbjY
* @source https://github.com/puckzxz/NotAnotherAnimeTheme
* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css
*/

@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css);

/*
  To make editing this theme easier I recommend using Notepad++
  you can download it for free here https://notepad-plus-plus.org/download/
*/

/* Any images you use MUST end with .jpg or .png or any other image extension */

:root {
  /*
    Theme Background
  */
  --theme-background-image: url(https://i.imgur.com/j1Z6HVc.jpg);

  /*
    Main Theme Color
  */
  --main-theme-color: rgb(67, 181, 129);

  /*
    Main Theme Transparency
  */
  --theme-transparency: rgba(0, 0, 0, 0.8);

  /*
    Home Icon Image
  */
  --home-icon-image: url(https://i.imgur.com/63g6Em8.jpg);

  /*
    Change your friends icon image position
  */
  --home-icon-image-position: center center;

  /*
    Change your friends icon image zoom
  */
  --home-icon-image-zoom: 100%;

  /*
    Server Listing Width
    Single Column:  62px
    Double Column:  126px
    Triple Column:  184px
    Quad Column:    242px
  */
  --server-listing-width: 126px;

  /*
    Font Size
  */
  --font-size: 100%;

  /*
    Mention colors
  */
  --mention-color: rgba(250, 166, 26, 0.05);
  --mention-sider: rgba(250, 166, 26, 1);
  --mention-hover-color: rgba(250, 166, 26, 0.08);

  /*
    Server category hover color
  */
  --category-hover-color: rgb(60, 202, 138);

  /*
    Change the unread server animation.
    Replace it with "none" in order to remove any animations and use the main color instead
  */
  --unread-server-animation: rainbow;

  /*
    Video / Screen share buttons
  */
  --video-screen-button-background-color: rgba(200, 200, 200, 0.2);
  --video-screen-button-foreground-color: white;
  --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4);
  --video-screen-button-foreground-hovor-color: white;

  /*
    Role Title Color
  */
  --member-listing-role-color: var(--main-theme-color);

  /*
    Small User Popout
  */
  --small-user-popout-background-image: var(--theme-background-image);
  --small-user-popout-background-transparency: rgba(0, 0, 0, 0.6);
  --small-user-popout-background-image-position: center;

  /*
    Big User Popout
  */
  --big-user-popout-background-image: var(--theme-background-image);
  --big-user-popout-background-transparency: rgba(0, 0, 0, 0.6);
  --big-user-popout-background-image-position: center;

  /*
    Code Markup
  */
  --code-markup-background-color: rgba(0, 0, 0, 0.6);
  --code-markup-border: 1px solid transparent;

  /*
    Message Box Transparency
  */
  --message-box-transparency: rgba(0, 0, 0, 0.6);

  /*
    Embed Background Transparency
  */
  --embed-background-transparency: rgba(0, 0, 0, 0.6);

  /*
    Message Hover Buttons
  */
  --message-hover-buttons-background: rgba(200, 200, 200, 0.1);

  /*
    Context Menu Transparency
  */
  --context-menu-transparency: rgba(15, 15, 15, 0.8);

  /*
    Add Server / Discovery Icon
  */
  --add-discover-icon-transparency: rgba(200, 200, 200, 0.15);
  --add-discover-icon-color: #43b581;

  /*
    Channel Limit Number Color
  */
  --channel-limit-count-color: var(--channels-default);
  --channel-limit-background-left: rgba(200, 200, 200, 0.1);
  --channel-limit-background-right: rgba(200, 200, 200, 0.2);

  /*
    Scrollbar Colors
  */
  --scrollbar-color: rgba(200, 200, 200, 0.2);

  /*
    Unread Message Divider
  */
  --unread-message-divider-color: #f04747;
  --unread-message-divider-font-color: #fff;

  /*
    New Messages Bar Color
  */
  --new-messages-bar-background-color: #7289da;
  --new-messages-bar-font-color: #fff;

  /*
    Emoji Menu
  */
  --emoji-menu-background-color: rgba(0, 0, 0, 0.6);
  --emoji-menu-sider-background-color: rgba(0, 0, 0, 0);
  --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8);
  --emoji-menu-bottom-bar-background-color: black;
  --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1);

  /*
    Message Search
  */
  --message-search-menu-background-color: rgba(0, 0, 0, 0.8);
  --message-search-container-background-color: rgba(0, 0, 0, 0.6);
  --message-search-result-background-color: rgba(200, 200, 200, 0.05);

  /*
    Channel colors
  */
  --text-voice-channel-color: rgb(142, 146, 151);
  --text-voice-channel-hover-color: #dcddde;
  --text-voice-channel-selected-text-color: #fff;
  --unread-text-channel-color: #fff;
  --unread-text-channel-bubble-color: var(--main-theme-color);

  /*
    Folders
  */
  --folder-background-color: #2f3136;
  --expanded-folder-background-color: transparent;

  /*
    Reactions
  */
  --reaction-emoji-background-color: rgba(0, 0, 0, 0);
  --reaction-emoji-border-color: 1px solid transparent;
  --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1);
  --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2);
}

Actions

Download Source

About

Version: 3.2
Downloads: 1,515,967
Added: 05/29/2021
Updated: 08/22/2022
Hash: 456b9f83-e119-fb69-cd17-d6c06c61e500
Source: https://github.com/puckzxz/NotAnotherAnimeTheme

Author

puckzxz GitHub

Live preview

Screenshot

Open source

FiveCord for Windows