created a tokyo night theme for hyprland

.config/hypr/hyprland.conf

@@ -15,6 +15,12 @@ source = ~/.config/hypr/workspaces.conf
 
 source = ~/.config/hypr/conf.d/autostart.conf
 
+##############
+### COLORS ###
+##############
+
+source = ~/.config/hypr/conf.d/theme.conf
+
 #############################
 ### ENVIRONMENT VARIABLES ###
 #############################
@@ -30,13 +36,15 @@ source = ~/.config/hypr/conf.d/autostart.conf
 # https://wiki.hyprland.org/Configuring/Variables/#general
 general {
     gaps_in = 5
-    gaps_out = 0, 10, 10, 10
+    gaps_out = 0,10,10,10
 
-    border_size = 1
+    border_size = 2
 
     # https://wiki.hyprland.org/Configuring/Variables/#variable-types for info about colors
-    col.active_border = rgba(33ccffee) rgba(00ff99ee) 45deg
-    col.inactive_border = rgba(595959aa)
+    col.active_border = $border_active
+    col.inactive_border = $border_inactive
+    col.nogroup_border = $border_nogroup_inactive
+    col.nogroup_border_active = $border_nogroup_active
 
     # Set to true enable resizing windows by clicking and dragging on borders and gaps
     resize_on_border = false
@@ -63,7 +71,7 @@ decoration {
         enabled = false
         range = 4
         render_power = 3
-        color = rgba(1a1a1aee)
+        color = $dec_shadow
     }
 
     # https://wiki.hyprland.org/Configuring/Variables/#blur
@@ -136,6 +144,7 @@ misc {
     key_press_enables_dpms = true
     layers_hog_keyboard_focus = true
     mouse_move_focuses_monitor = true
+    col.splash = $splash_text
 }
 
 #############
@@ -191,27 +200,29 @@ group {
   merge_groups_on_groupbar = true
   merge_floated_into_tiled_on_groupbar = true
   group_on_movetoworkspace = false
-  col.border_active = 0x66ffff00
-  col.border_inactive = 0x66777700
-  col.border_locked_active = 0x66ff5500
-  col.border_locked_inactive = 0x66ff5500
+  col.border_active = $border_group_active
+  col.border_inactive = $border_group_inactive
+  col.border_locked_active = $border_grouplocked_active
+  col.border_locked_inactive = $border_grouplocked_active    
 
   groupbar{
     enabled = true
+    height = 12
     font_family = InconsolataGo Nerd Font Mono
     font_size = 8
-    gradients = true
-    height = 12
-    indicator_height = 0
     stacked = false
+    gradients = true
     gradient_rounding = 5
-    text_color = 0xffffffff
-    col.active = 0x66ffff00
-    col.inactive = 0x66777700
-    col.locked_active = 0x66ff5500
-    col.locked_inactive = 0x66775500
-    gaps_out = 1
-    gaps_in = 1
+    indicator_height = 0
+    rounding = 0
+    gradient_round_only_edges = true
+    text_color = $groupbar_text
+    col.active = $groupbar_active
+    col.inactive = $groupbar_inactive
+    col.locked_active = $groupbar_grouplocked_active
+    col.locked_inactive = $groupbar_grouplocked_inactive
+    gaps_out = 0 
+    gaps_in = 0
   }
 }