Docs Redesigned to Aiden Colors

package.json

@@ -29,4 +29,4 @@
     "generator"
   ],
   "dependencies": {}
-}
+}

typedoc_theme/assets/css/_constants.sass

@@ -1,48 +1,60 @@
 // Fonts
 //
-$FONT_FAMILY: 'Roboto', 'Segoe UI', sans-serif
-$FONT_FAMILY_MONO: 'Ubuntu Mono', monospace // Menlo, Monaco, Consolas, 'Courier New', monospace
+$FONT_FAMILY: 'Theinhardt', sans-serif
+$FONT_FAMILY_MONO: 'Reno Mono', monospace // Menlo, Monaco, Consolas, 'Courier New', monospace
 
 $FONT_SIZE: 16px
 $FONT_SIZE_MONO: 14px
 $FONT_SIZE_SMALL: 13.6px
 
 $LINE_HEIGHT: 1.333em
 
-$FONT_WEIGHT_SUPERLIGHT: 200
+$FONT_WEIGHT_SUPERLIGHT: 100
 $FONT_WEIGHT_LIGHT: 300
 $FONT_WEIGHT_NORMAL: 400 // normal
 $FONT_WEIGHT_SUB_BOLD: 500
 
 
 // Colors
 //
-$COLOR_BACKGROUND: #fdfdfd
-$COLOR_SEARCH_BAR_BACKGROUND: #ffffffaa
+$COLOR_BACKGROUND: #115CF1
+$COLOR_SEARCH_BAR_BACKGROUND: #ffffff
 $COLOR_SIGNATURE_BACKGROUND: hsla(172, 50%, 60%, 1)
-$COLOR_COMMENT_BACKGROUND: white
-$COLOR_TEXT: #314159
-$COLOR_TEXT_ASIDE: #808080
-$COLOR_LINK: hsla(180, 50%, 40%, 1)
+$COLOR_COMMENT_BACKGROUND: #115CF1
+$COLOR_TEXT: #fff
+$COLOR_TEXT_ASIDE: #abccff
+// $COLOR_LINK: hsla(180, 50%, 40%, 1)
+$COLOR_LINK: #abccff
+$COLOR_BLACK: #212529
 
-$COLOR_MENU_DIVIDER: #eee
+
+$COLOR_MENU_DIVIDER: #fff
 $COLOR_MENU_DIVIDER_FOCUS: #000
 $COLOR_MENU_LABEL: #808080
 
-$COLOR_PANEL: #fff
-$COLOR_PANEL_DIVIDER: #eee
+$COLOR_PANEL: #115CF1
+$COLOR_PANEL_DIVIDER: #fff
 
-$COLOR_COMMENT_TAG: #808080
+$COLOR_COMMENT_TAG: #fff
 $COLOR_COMMENT_TAG_TEXT: #fff
 
 $COLOR_CODE_BACKGROUND: rgba(#000, 0.04)
 
-$COLOR_TS: #13a5ad
-$COLOR_TS_INTERFACE: #38cc73
-$COLOR_TS_ENUM: #e74c3c
-$COLOR_TS_CLASS: #099dcb
-$COLOR_TS_PRIVATE: #808080
+$COLOR_TS: #fff
+$COLOR_TS_INTERFACE: #fff
+$COLOR_TS_ENUM: #fff
+$COLOR_TS_CLASS: #fff
+$COLOR_TS_PRIVATE: #fff
+
+$COLOR_TS_PRIVATE: #fff
 
-$TOOLBAR_COLOR: #33999929
-$TOOLBAR_TEXT_COLOR: #333
+// $COLOR_TS_ENUM: #e74c3c
+// $COLOR_TS_CLASS: #099dcb
+// $COLOR_TS_PRIVATE: #808080
+
+$TOOLBAR_COLOR: #115CF1
+$TOOLBAR_TEXT_COLOR: #fff
 $TOOLBAR_HEIGHT: 40px
+
+// GRID
+$MAX_CONTENT_WIDTH: 1200px

typedoc_theme/assets/css/elements/_comment.sass

@@ -11,26 +11,38 @@
 //
 dl.tsd-comment-tags
     overflow: hidden
+    color: #314159
+    background-color: #F3F3F3
+    border-radius: 20px
+    padding: 10px 0px 0px 10px
 
     dt
         float: left
         padding: 1px 5px
         margin: 0 10px 0 0
         border-radius: 4px
-        border: 1px solid $COLOR_COMMENT_TAG
+        // border: 1px solid $COLOR_COMMENT_TAG
         color: $COLOR_COMMENT_TAG
         font-size: 0.8em
         font-weight: $FONT_WEIGHT_NORMAL
         background: $COLOR_COMMENT_BACKGROUND
 
     dd
-        margin: 0 0 10px 0
+        margin: 0 0 0 0
+        padding-bottom: 10px
 
         &:before, &:after
             display: table
             content: " "
         pre, &:after
             clear: both
+            background-color: #F3F3F3
+            border-radius: 20px
+            color: #314159
+
+        pre
+            .hljs-comment
+                color: #8BBE20
 
     p
         margin: 0

typedoc_theme/assets/css/elements/_footer.sass

@@ -1,5 +1,5 @@
 footer
-    border-top: 1px solid $COLOR_PANEL_DIVIDER
+    // border-top: 1px solid $COLOR_PANEL_DIVIDER
     background-color: $COLOR_PANEL
 
     &.with-border-bottom
@@ -24,3 +24,28 @@ footer
 
         +size-xs-sm
             width: 50%
+
+    &#aiden-footer
+        background-color: #F3F3F3
+        color: #314159
+        height: 200px
+        z-index: -1
+        position: relative
+
+        .container, .col-4, .col-8
+            height: 200px
+
+        .col-8
+            float: left
+
+        #footer-copy
+            background-color: #F8F8F8
+            padding: 15px 0px 15px 40px
+            border-radius: 30px
+            font-family: $FONT_FAMILY_MONO
+            margin-top: 72px
+            display: flex
+            align-items: center
+
+        #footer-icon
+            margin-right: 30px

typedoc_theme/assets/css/elements/_index.sass

@@ -77,3 +77,13 @@
 
     .tsd-is-private a
         color: $COLOR_TS_PRIVATE
+
+
+#vertical-line
+    border-right: 1px solid #ffffff
+    height: 100vh
+    position: fixed
+    top: 0
+    z-index: -1
+    width: calc(((1200 - 200) * 0.333px))
+    pointer-events: none

typedoc_theme/assets/css/elements/_member.sass

@@ -2,7 +2,7 @@
     display: inline-block
     padding: 1px 5px
     border-radius: 4px
-    color: $COLOR_COMMENT_TAG_TEXT
+    color: #115CF1
     background-color: $COLOR_COMMENT_TAG
     text-indent: 0
     font-size: $FONT_SIZE_MONO

typedoc_theme/assets/css/elements/_navigation.sass

@@ -13,9 +13,9 @@
         +INDENT($DEPTH, $BASE, $STEP)
 
 .tsd-navigation
-    padding: 0 0 0 40px
+    padding: 0 0 0 0
     font-size: 85%
-    font-weight: $FONT_WEIGHT_SUPERLIGHT
+    font-weight: $FONT_WEIGHT_NORMAL
 
     a
         display: block
@@ -58,21 +58,22 @@
     padding-bottom: 40px
 
     a
-        display: block
-        padding-top: 6px
-        padding-bottom: 6px
+        display: inline-block
+        padding-top: 0px
+        padding-bottom: 0px
 
     ul
         +INDENTS(6, 5, 20)
 
     > ul
-        border-bottom: 1px solid $COLOR_PANEL_DIVIDER
+        // border-bottom: 1px solid $COLOR_PANEL_DIVIDER
 
     li
-        border-top: 1px solid $COLOR_PANEL_DIVIDER
+        // border-top: 1px solid $COLOR_PANEL_DIVIDER
 
         &.current > a
             font-weight: bold
+            text-decoration: underline
 
         &.label span
             display: block
@@ -90,6 +91,22 @@
                 font-style: normal
                 font-size: 200%
 
+    // Adds counter to the module list
+    .module-list
+      counter-reset: item
+      list-style-type: none
+      padding-left: 0
+      display: flex
+      flex-direction: column
+
+      .tsd-kind-external-module
+          display: inline-flex
+          padding-top: 6px
+          padding-bottom: 6px
+
+      .module-item-number::before
+          content: counter(item, decimal-leading-zero) "\00a0\00a0\00a0\00a0\00a0\00a0\00a0"
+          counter-increment: item
 
 // Secondary part of the navigation containing the table of contents
 // of the current module.

typedoc_theme/assets/css/elements/_panel.sass

@@ -46,6 +46,21 @@
             &:nth-child(2n)
                 background-color: #f8f8f8
 
+    > .tsd-comment
+      > .tsd-comment-tags
+        font-size: 0.8em
+        background-color: #1662f5
+        color: white
+
+      // [license] tag & [[see]] tag
+      dt
+          color: #115CF1
+          background-color: #fff
+
+      p
+          padding-right: 10px;
+
+
 
 // Holds a series of panels with an optional heading.
 //

typedoc_theme/assets/css/elements/_search.sass

@@ -1,9 +1,14 @@
 #tsd-search
     transition: background-color 0.2s
+    border-radius: 20px
 
     .title
         position: relative
         z-index: 2
+        font-weight: 600
+        font-size: 1.5em
+        &:hover
+          text-decoration: none
 
     .field
         position: absolute
@@ -23,12 +28,16 @@
             outline: 0
             border: 0
             background: transparent
-            color: $COLOR_TEXT
+            color: #000
+            border-radius: 20px
 
         label
             position: absolute
             overflow: hidden
             right: -40px
+            background-color: white
+            border-radius: 20px
+            opacity: 1
 
     .field input,
     .title
@@ -46,26 +55,28 @@
 
         li
             padding: 0 10px
-            background-color: $COLOR_BACKGROUND
+            background-color: #fff
 
         li:nth-child(even)
-            background-color: $COLOR_PANEL
+            background-color: #fff
 
         li.state
             display: none
 
         li.current,
         li:hover
-            background-color: $COLOR_PANEL_DIVIDER
+            background-color: #F3F3F3
 
         a
             display: block
+            color: $COLOR_BLACK
 
             &:before
                 top: 10px
 
         span.parent
-            color: $COLOR_TEXT_ASIDE
+            // color: $COLOR_TEXT_ASIDE
+            color: $COLOR_BACKGROUND
             font-weight: $FONT_WEIGHT_NORMAL
 
     &.has-focus

typedoc_theme/assets/css/elements/_signatures.sass

@@ -17,7 +17,12 @@
     font-family: $FONT_FAMILY_MONO
     font-size: $FONT_SIZE_MONO
     border: 0
-    background: hsla(171, 45%, 85%, 1)
+    background: #2066F1
+    border-radius: 20px
+    color: #fff
+
+    a
+      color: #abccff
 
     &.tsd-kind-icon
         padding-left: 30px
@@ -58,7 +63,6 @@
 .tsd-signatures
     padding: 0
     margin: 0 0 1em 0
-    border: 1px solid $COLOR_PANEL_DIVIDER
 
     .tsd-signature
         margin: 0