diff --git a/music-player/client/styles.scss b/music-player/client/styles.scss index 0f8280b..16f6b71 100644 --- a/music-player/client/styles.scss +++ b/music-player/client/styles.scss @@ -28,15 +28,15 @@ $color-purple-300: hsl(280 100% 70%); $color-purple-200: hsl(280 100% 80%); $color-purple-100: hsl(280 100% 90%); -$color-red-900: hsl(20 100% 10%); -$color-red-800: hsl(20 100% 10%); -$color-red-700: hsl(20 100% 10%); -$color-red-600: hsl(20 100% 10%); -$color-red-500: hsl(20 100% 50%); -$color-red-400: hsl(20 100% 90%); -$color-red-300: hsl(20 100% 90%); -$color-red-200: hsl(20 100% 90%); -$color-red-100: hsl(20 100% 90%); +$color-red-900: hsl(10 100% 10%); +$color-red-800: hsl(10 100% 20%); +$color-red-700: hsl(10 100% 30%); +$color-red-600: hsl(10 100% 40%); +$color-red-500: hsl(10 100% 50%); +$color-red-400: hsl(8 100% 60%); +$color-red-300: hsl(5 100% 70%); +$color-red-200: hsl(0 100% 80%); +$color-red-100: hsl(0 100% 90%); $shadow-900: rgba(0, 0, 0, .20); $shadow-500: rgba(0, 0, 0, .15); @@ -74,7 +74,13 @@ $colors: [ (purple-100, $color-purple-100), (red-900, $color-red-900), + (red-800, $color-red-800), + (red-700, $color-red-700), + (red-600, $color-red-600), (red-500, $color-red-500), + (red-400, $color-red-400), + (red-300, $color-red-300), + (red-200, $color-red-200), (red-100, $color-red-100), ];