background, keybinds for moving and resizing windows, added color palett

color-palett/color-palett.css

@@ -0,0 +1,45 @@
+/* CSS HEX */
+--licorice: #221009ff;
+--caput-mortuum: #50180Eff;
+--black-bean: #310E0Aff;
+--pumpkin: #E97520ff;
+--brown: #9E4120ff;
+
+/* CSS HSL */
+--licorice: hsla(17, 58%, 8%, 1);
+--caput-mortuum: hsla(9, 70%, 18%, 1);
+--black-bean: hsla(6, 66%, 12%, 1);
+--pumpkin: hsla(25, 82%, 52%, 1);
+--brown: hsla(16, 66%, 37%, 1);
+
+/* SCSS HEX */
+$licorice: #221009ff;
+$caput-mortuum: #50180Eff;
+$black-bean: #310E0Aff;
+$pumpkin: #E97520ff;
+$brown: #9E4120ff;
+
+/* SCSS HSL */
+$licorice: hsla(17, 58%, 8%, 1);
+$caput-mortuum: hsla(9, 70%, 18%, 1);
+$black-bean: hsla(6, 66%, 12%, 1);
+$pumpkin: hsla(25, 82%, 52%, 1);
+$brown: hsla(16, 66%, 37%, 1);
+
+/* SCSS RGB */
+$licorice: rgba(34, 16, 9, 1);
+$caput-mortuum: rgba(80, 24, 14, 1);
+$black-bean: rgba(49, 14, 10, 1);
+$pumpkin: rgba(233, 117, 32, 1);
+$brown: rgba(158, 65, 32, 1);
+
+/* SCSS Gradient */
+$gradient-top: linear-gradient(0deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
+$gradient-right: linear-gradient(90deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
+$gradient-bottom: linear-gradient(180deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
+$gradient-left: linear-gradient(270deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
+$gradient-top-right: linear-gradient(45deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
+$gradient-bottom-right: linear-gradient(135deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
+$gradient-top-left: linear-gradient(225deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
+$gradient-bottom-left: linear-gradient(315deg, #221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);
+$gradient-radial: radial-gradient(#221009ff, #50180Eff, #310E0Aff, #E97520ff, #9E4120ff);