diff --git a/css/main.css b/css/main.css index 84586ec..4ac17dd 100644 --- a/css/main.css +++ b/css/main.css @@ -84,3 +84,13 @@ body { color: #FFF176; } .main #other-content .others h4, .main #other-content .others a:hover { color: #81C784; } + .main #other-content .funky h4, .main #other-content .funky a:hover { + color: #4DB6AC; } + .main #other-content .purple h4, .main #other-content .purple a:hover { + color: #9575CD; } + .main #other-content .upvoty h4, .main #other-content .upvoty a:hover { + color: #FF8A65; } + .main #other-content .indigo h4, .main #other-content .indigo a:hover { + color: #7986CB; } + .main #other-content .foxxy h4, .main #other-content .foxxy a:hover { + color: #A1887F; } diff --git a/js/main.js b/js/main.js index 3a38c46..aa0181e 100644 --- a/js/main.js +++ b/js/main.js @@ -13,7 +13,12 @@ bgClassContainer = [ "media", "work", "social", - "others" + "others", + "funky", + "purple", + "upvoty", + "indigo", + "foxxy" ] dateMap = { 0: "Jan", diff --git a/scss/main.scss b/scss/main.scss index 0a0f1a0..6422054 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -5,6 +5,11 @@ $media: #4DD0E1; $work: #F06292; $social: #FFF176; $others: #81C784; +$funky: #4DB6AC; +$purple: #9575CD; +$upvoty: #FF8A65; +$indigo: #7986CB; +$foxxy: #A1887F; .roboto { font-family: 'Roboto', sans-serif; @@ -136,5 +141,35 @@ body { color: $others; } } + + .funky { + h4, a:hover { + color: $funky; + } + } + + .purple { + h4, a:hover { + color: $purple; + } + } + + .upvoty { + h4, a:hover { + color: $upvoty; + } + } + + .indigo { + h4, a:hover { + color: $indigo; + } + } + + .foxxy { + h4, a:hover { + color: $foxxy; + } + } } } \ No newline at end of file