Major update to 1.1.8

Fixed (hopefully) everything that was broken
din0s · Jan 8, 2017 · 2a73a5a · 2a73a5a
1 parent f1d66ae
commit 2a73a5a
Show file tree

Hide file tree

Showing 2 changed files with 62 additions and 92 deletions.
diff --git a/README.md b/README.md
@@ -1,9 +1,12 @@
 # Nova Discord Theme
-This is a custom made theme for Discord (requires BetterDiscord).
+This is a custom made theme for Discord.
+
+To get the BetterDiscord file, check the [**releases page**](https://github.com/DinosParkour/discord-theme/releases/latest).
 
 Feel free to use it, leave feedback and suggest new features!
+For optimal results, **use the dark theme**.
 
-Designed by *DinosParkour* ; latest version: **7.15**.
+Designed by *DinosParkour* ; latest version: **1.1.8**.
 
 # Dynamic Import
 Paste this link in your Custom CSS section if you want to
@@ -14,4 +17,4 @@ dynamically load the theme without having to download any files.
 ```
 
 # Preview
-![Preview](https://i.imgur.com/uEeYrJ1.png)
+![Preview](https://i.imgur.com/RW48vWc.jpg)
diff --git a/nova.css b/nova.css
@@ -1,8 +1,8 @@
-/* Copyright (c) 2016 DinosParkour
+/* Copyright (c) 2016-2017 DinosParkour
  * Please do not redistribute without permission.
  * Thank you, and enjoy!
  *
- * VERSION: 7.15
+ * VERSION: 1.1.8
  *
  */
 
@@ -15,25 +15,29 @@
 /*Transparency*/
 #voice-connection,
 #friends,
-#friends .btn,
 .friends-header,
 .friends-table,
-.search-bar,
 .guilds-wrapper,
+.guild-header header,
 .channels-wrap,
+.private-channels .search-bar,
+.private-channels,
 .guild-channels,
 .account,
-.links,
+.friend-table-add-header,
 .chat,
+.content,
+.title-wrap:not(.search-bar),
 .messages-wrapper,
-.title-wrap,
+.messages .divider span,
+.messages .divider:before,
 .content,
-.chat-empty,
 .message-group-blocked,
-.private-channels,
-.guild-header header,
-.typing,
-.divider-red span {
+.is-local-bot-message,
+.channel-members-loading,
+.channel-members-loading .heading,
+.channel-members-loading .member,
+.typing {
     background: transparent !important;
 }
 
@@ -51,10 +55,6 @@ li.active .guild-inner {
     background: rgba(20,23,27,0.15);
 }
 
-.guilds li {
-    margin-left: 1px;
-}
-
 /*Selected guild & unread messages*/
 .guilds-wrapper .guilds .guild.unread:before {
     background-color: rgba(255,0,0,0.25);
@@ -75,33 +75,14 @@ li.active .guild-inner {
 
 /*Create new guild button*/
 .guilds-add {
-    opacity: .15;
-}
-
-/*Guild name*/
-.guild-header span {
-    text-shadow: 1px 1.35px 1.5px #808;
-}
-
-/*Guild settings*/
-.guild-header ul {
-    opacity: 0;
-    transition: transform .5s cubic-bezier(0.18,0.89,0.32,1.28);
-}
-
-.guild-header-open ul {
-    opacity: 1;
-}
-
-.btn-hamburger span {
-    background: #fff;
+    opacity: .420;
 }
 
-.guild-header header {
-    box-shadow: none;
+/*Channel area*/
+.channel-notice {
+    opacity: .95;
 }
 
-/*Channel area*/
 .channel:not(.selected) {
     transition: background .3s ease-out;
 }
@@ -124,10 +105,6 @@ li.active .guild-inner {
     opacity: .25;
 }
 
-.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
-    left: -11px;
-}
-
 .search-result,
 .tab-bar-item:hover {
     background: rgba(235,232,218,0.05) !important;
@@ -152,6 +129,7 @@ div.channel.channel-text.selected {
 .account .btn {
     border: none;
     border-bottom: solid 1px rgba(235,232,218,0.05);
+    background-color: rgb(42, 42, 42) !important;
     opacity: .65;
 }
 
@@ -161,19 +139,6 @@ div.channel.channel-text.selected {
     border: none;
 }
 
-/*Friends*/
-.icon-friends {
-	background-color: rgba(0,0,0,0.35) !important;
-}
-
-#friends .btn:hover {
-	background-color: rgba(0,0,0,0.25) !important;
-}
-
-.friends-header {
-	border-bottom-color: rgba(0,0,0,0.25) !important;
-}
-
 /*User settings*/
 .account .username {
     font-size: 15px;
@@ -222,24 +187,28 @@ div.channel.channel-text.selected {
     border-top-color:#06c;
 }
 
-/*Info links*/
-.links {
-    display: none;
+/*Friends*/
+.icon-friends {
+	background-color: rgba(0,0,0,0.35) !important;
 }
 
-/*Channel info*/
-.flex-spacer .title-wrap {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    border-top: none;
-    border-style: solid;
-    border-color: transparent !important;
+
+#friends .tab-bar-item {
+    transition: background .2s ease-out;
 }
 
-/*Channel title*/
-.topic {
-    color: #cdcdcd;
+#friends .tab-bar-item:hover {
+    transition: background .2s ease-in;
+	background-color: rgba(0,0,0,0.25) !important;
+}
+
+.friends-header {
+	border-bottom-color: rgba(0,0,0,0.25) !important;
+}
+
+/*Channel bar*/
+.flex-spacer .title-wrap {
+    border-color: transparent !important;
 }
 
 /*Chat area*/
@@ -249,6 +218,10 @@ div.channel.channel-text.selected {
     border-bottom-left-radius: 23px;
 }
 
+.markup {
+	backface-visibility: hidden;
+}
+
 /*Unread messages*/
 .chat .new-messages-bar {
     background-color: rgba(204,97,61,0.9);
@@ -263,13 +236,13 @@ div.channel.channel-text.selected {
 }
 
 /*Mention*/
-.markup .highlight {
+.markup .mention {
     background-color: rgba(255,255,255,.1) !important;
     color: #ddd;
     border-radius: 10%;
 }
 
-.markup .highlight:hover {
+.markup .mention:hover {
     background-color: rgba(255,255,255,.2) !important;
     color: #ddd;
     border-radius: 10%;
@@ -289,6 +262,16 @@ div.channel.channel-text.selected {
 .chat .markup pre {
     background: none !important;
     border: 1px solid rgba(0,0,0,0.5) !important;
+	max-width: 75% !important;
+}
+
+/*Embeds*/
+.message-group .embed {
+	background-color: rgba(42,42,42,.3);
+}
+
+.theme-dark .message-group .embed-wrapper .embed-color-pill {
+	background-color: rgba(42,42,42,.66)
 }
 
 /*Spoiler tags*/
@@ -318,16 +301,8 @@ div.channel.channel-text.selected {
     background: rgba(10,13,16,0.1);
 }
 
-/*Twitch emotes button*/
-#twitchcord-button {
-    background-size: 24px;
-    background-position: 20px;
-    background-color: transparent;
-}
-
-/*Typing status*/
-.typing {
-    font-size: 13px;
+.is-local-bot-message {
+    box-shadow: none !important;
 }
 
 /*Settings panel*/
@@ -356,14 +331,6 @@ div.channel.channel-text.selected {
     background: rgba(20,23,27,0.25) !important;
 }
 
-.member-username {
-    text-shadow: 0 0 0 rgba(255,255,255,0.255);
-}
-
-.channel-members-wrap .member-inner div {
-    -webkit-filter: none !important;
-}
-
 .channel-members .invite-btn {
     background: #06c;
     transition: background .3s ease-out;