diff --git a/.config/btop/btop.conf b/.config/btop/btop.conf new file mode 100644 index 0000000..70db70f --- /dev/null +++ b/.config/btop/btop.conf @@ -0,0 +1,254 @@ +#? Config file for btop v. 1.4.4 + +#* Name of a btop++/bpytop/bashtop formatted ".theme" file, "Default" and "TTY" for builtin themes. +#* Themes should be placed in "../share/btop/themes" relative to binary or "$HOME/.config/btop/themes" +color_theme = "Default" + +#* If the theme set background should be shown, set to False if you want terminal background transparency. +theme_background = False + +#* Sets if 24-bit truecolor should be used, will convert 24-bit colors to 256 color (6x6x6 color cube) if false. +truecolor = True + +#* Set to true to force tty mode regardless if a real tty has been detected or not. +#* Will force 16-color mode and TTY theme, set all graph symbols to "tty" and swap out other non tty friendly symbols. +force_tty = True + +#* Define presets for the layout of the boxes. Preset 0 is always all boxes shown with default settings. Max 9 presets. +#* Format: "box_name:P:G,box_name:P:G" P=(0 or 1) for alternate positions, G=graph symbol to use for box. +#* Use whitespace " " as separator between different presets. +#* Example: "cpu:0:default,mem:0:tty,proc:1:default cpu:0:braille,proc:0:tty" +presets = "cpu:1:default,proc:0:default cpu:0:default,mem:0:default,net:0:default cpu:0:block,net:0:tty" + +#* Set to True to enable "h,j,k,l,g,G" keys for directional control in lists. +#* Conflicting keys for h:"help" and k:"kill" is accessible while holding shift. +vim_keys = False + +#* Rounded corners on boxes, is ignored if TTY mode is ON. +rounded_corners = True + +#* Default symbols to use for graph creation, "braille", "block" or "tty". +#* "braille" offers the highest resolution but might not be included in all fonts. +#* "block" has half the resolution of braille but uses more common characters. +#* "tty" uses only 3 different symbols but will work with most fonts and should work in a real TTY. +#* Note that "tty" only has half the horizontal resolution of the other two, so will show a shorter historical view. +graph_symbol = "braille" + +# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty". +graph_symbol_cpu = "default" + +# Graph symbol to use for graphs in gpu box, "default", "braille", "block" or "tty". +graph_symbol_gpu = "default" + +# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty". +graph_symbol_mem = "default" + +# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty". +graph_symbol_net = "default" + +# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty". +graph_symbol_proc = "default" + +#* Manually set which boxes to show. Available values are "cpu mem net proc" and "gpu0" through "gpu5", separate values with whitespace. +shown_boxes = "cpu mem" + +#* Update time in milliseconds, recommended 2000 ms or above for better sample times for graphs. +update_ms = 2000 + +#* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct", +#* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly. +proc_sorting = "cpu lazy" + +#* Reverse sorting order, True or False. +proc_reversed = False + +#* Show processes as a tree. +proc_tree = False + +#* Use the cpu graph colors in the process list. +proc_colors = True + +#* Use a darkening gradient in the process list. +proc_gradient = True + +#* If process cpu usage should be of the core it's running on or usage of the total available cpu power. +proc_per_core = False + +#* Show process memory as bytes instead of percent. +proc_mem_bytes = True + +#* Show cpu graph for each process. +proc_cpu_graphs = True + +#* Use /proc/[pid]/smaps for memory information in the process info box (very slow but more accurate) +proc_info_smaps = False + +#* Show proc box on left side of screen instead of right. +proc_left = False + +#* (Linux) Filter processes tied to the Linux kernel(similar behavior to htop). +proc_filter_kernel = False + +#* In tree-view, always accumulate child process resources in the parent process. +proc_aggregate = False + +#* Sets the CPU stat shown in upper half of the CPU graph, "total" is always available. +#* Select from a list of detected attributes from the options menu. +cpu_graph_upper = "Auto" + +#* Sets the CPU stat shown in lower half of the CPU graph, "total" is always available. +#* Select from a list of detected attributes from the options menu. +cpu_graph_lower = "Auto" + +#* If gpu info should be shown in the cpu box. Available values = "Auto", "On" and "Off". +show_gpu_info = "Auto" + +#* Toggles if the lower CPU graph should be inverted. +cpu_invert_lower = True + +#* Set to True to completely disable the lower CPU graph. +cpu_single_graph = False + +#* Show cpu box at bottom of screen instead of top. +cpu_bottom = False + +#* Shows the system uptime in the CPU box. +show_uptime = True + +#* Show cpu temperature. +check_temp = True + +#* Which sensor to use for cpu temperature, use options menu to select from list of available sensors. +cpu_sensor = "Auto" + +#* Show temperatures for cpu cores also if check_temp is True and sensors has been found. +show_coretemp = True + +#* Set a custom mapping between core and coretemp, can be needed on certain cpus to get correct temperature for correct core. +#* Use lm-sensors or similar to see which cores are reporting temperatures on your machine. +#* Format "x:y" x=core with wrong temp, y=core with correct temp, use space as separator between multiple entries. +#* Example: "4:0 5:1 6:3" +cpu_core_map = "" + +#* Which temperature scale to use, available values: "celsius", "fahrenheit", "kelvin" and "rankine". +temp_scale = "celsius" + +#* Use base 10 for bits/bytes sizes, KB = 1000 instead of KiB = 1024. +base_10_sizes = False + +#* Show CPU frequency. +show_cpu_freq = True + +#* Draw a clock at top of screen, formatting according to strftime, empty string to disable. +#* Special formatting: /host = hostname | /user = username | /uptime = system uptime +clock_format = "%X" + +#* Update main ui in background when menus are showing, set this to false if the menus is flickering too much for comfort. +background_update = True + +#* Custom cpu model name, empty string to disable. +custom_cpu_name = "" + +#* Optional filter for shown disks, should be full path of a mountpoint, separate multiple values with whitespace " ". +#* Only disks matching the filter will be shown. Prepend exclude= to only show disks not matching the filter. Examples: disk_filter="/boot /home/user", disks_filter="exclude=/boot /home/user" +disks_filter = "" + +#* Show graphs instead of meters for memory values. +mem_graphs = True + +#* Show mem box below net box instead of above. +mem_below_net = False + +#* Count ZFS ARC in cached and available memory. +zfs_arc_cached = True + +#* If swap memory should be shown in memory box. +show_swap = True + +#* Show swap as a disk, ignores show_swap value above, inserts itself after first disk. +swap_disk = True + +#* If mem box should be split to also show disks info. +show_disks = True + +#* Filter out non physical disks. Set this to False to include network disks, RAM disks and similar. +only_physical = True + +#* Read disks list from /etc/fstab. This also disables only_physical. +use_fstab = True + +#* Setting this to True will hide all datasets, and only show ZFS pools. (IO stats will be calculated per-pool) +zfs_hide_datasets = False + +#* Set to true to show available disk space for privileged users. +disk_free_priv = False + +#* Toggles if io activity % (disk busy time) should be shown in regular disk usage view. +show_io_stat = True + +#* Toggles io mode for disks, showing big graphs for disk read/write speeds. +io_mode = False + +#* Set to True to show combined read/write io graphs in io mode. +io_graph_combined = False + +#* Set the top speed for the io graphs in MiB/s (100 by default), use format "mountpoint:speed" separate disks with whitespace " ". +#* Example: "/mnt/media:100 /:20 /boot:1". +io_graph_speeds = "" + +#* Set fixed values for network graphs in Mebibits. Is only used if net_auto is also set to False. +net_download = 100 + +net_upload = 100 + +#* Use network graphs auto rescaling mode, ignores any values set above and rescales down to 10 Kibibytes at the lowest. +net_auto = True + +#* Sync the auto scaling for download and upload to whichever currently has the highest scale. +net_sync = True + +#* Starts with the Network Interface specified here. +net_iface = "" + +#* "True" shows bitrates in base 10 (Kbps, Mbps). "False" shows bitrates in binary sizes (Kibps, Mibps, etc.). "Auto" uses base_10_sizes. +base_10_bitrate = "Auto" + +#* Show battery stats in top right if battery is present. +show_battery = True + +#* Which battery to use if multiple are present. "Auto" for auto detection. +selected_battery = "Auto" + +#* Show power stats of battery next to charge indicator. +show_battery_watts = True + +#* Set loglevel for "~/.config/btop/btop.log" levels are: "ERROR" "WARNING" "INFO" "DEBUG". +#* The level set includes all lower levels, i.e. "DEBUG" will show all logging info. +log_level = "WARNING" + +#* Measure PCIe throughput on NVIDIA cards, may impact performance on certain cards. +nvml_measure_pcie_speeds = True + +#* Measure PCIe throughput on AMD cards, may impact performance on certain cards. +rsmi_measure_pcie_speeds = True + +#* Horizontally mirror the GPU graph. +gpu_mirror_graph = True + +#* Custom gpu0 model name, empty string to disable. +custom_gpu_name0 = "" + +#* Custom gpu1 model name, empty string to disable. +custom_gpu_name1 = "" + +#* Custom gpu2 model name, empty string to disable. +custom_gpu_name2 = "" + +#* Custom gpu3 model name, empty string to disable. +custom_gpu_name3 = "" + +#* Custom gpu4 model name, empty string to disable. +custom_gpu_name4 = "" + +#* Custom gpu5 model name, empty string to disable. +custom_gpu_name5 = "" diff --git a/.config/btop/btop.log b/.config/btop/btop.log new file mode 100644 index 0000000..f296a27 --- /dev/null +++ b/.config/btop/btop.log @@ -0,0 +1,76 @@ + +2025/08/13 (16:57:54) | ===> btop++ v.1.4.0 +2025/08/13 (16:57:54) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/13 (17:48:52) | ===> btop++ v.1.4.0 +2025/08/13 (17:48:52) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/13 (19:00:22) | ===> btop++ v.1.4.0 +2025/08/13 (19:00:22) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/13 (20:56:21) | ===> btop++ v.1.4.0 +2025/08/13 (20:56:21) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported +2025/08/13 (21:24:05) | WARNING: Failed to join _runner thread on exit! + +2025/08/13 (21:35:18) | ===> btop++ v.1.4.0 +2025/08/13 (21:35:18) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/13 (23:52:54) | ===> btop++ v.1.4.0 +2025/08/13 (23:52:54) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/13 (23:55:50) | ===> btop++ v.1.4.0 +2025/08/13 (23:55:50) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/14 (11:03:26) | ===> btop++ v.1.4.0 +2025/08/14 (11:03:26) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/15 (02:18:28) | ===> btop++ v.1.4.0 +2025/08/15 (02:18:28) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/15 (02:29:21) | ===> btop++ v.1.4.0 +2025/08/15 (02:29:21) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/15 (03:12:16) | ===> btop++ v.1.4.0 +2025/08/15 (03:12:16) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/15 (04:05:13) | ===> btop++ v.1.4.0 +2025/08/15 (04:05:13) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/16 (06:03:43) | ===> btop++ v.1.4.0 +2025/08/16 (06:03:43) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/21 (13:58:33) | ===> btop++ v.1.4.0 +2025/08/21 (13:58:33) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/21 (14:02:27) | ===> btop++ v.1.4.0 +2025/08/21 (14:02:27) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/24 (08:02:45) | ===> btop++ v.1.4.0 +2025/08/24 (08:02:45) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/24 (22:06:54) | ===> btop++ v.1.4.0 +2025/08/24 (22:06:54) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/24 (22:12:15) | ===> btop++ v.1.4.0 +2025/08/24 (22:12:15) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/24 (22:13:59) | ===> btop++ v.1.4.0 +2025/08/24 (22:13:59) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/24 (22:15:54) | ===> btop++ v.1.4.0 +2025/08/24 (22:15:54) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/24 (22:22:14) | ===> btop++ v.1.4.0 +2025/08/24 (22:22:14) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/24 (22:24:20) | ===> btop++ v.1.4.0 +2025/08/24 (22:24:20) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/24 (23:46:41) | ===> btop++ v.1.4.0 +2025/08/24 (23:46:41) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/25 (01:24:07) | ===> btop++ v.1.4.0 +2025/08/25 (01:24:07) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported + +2025/08/25 (22:42:52) | ===> btop++ v.1.4.0 +2025/08/25 (22:42:52) | WARNING: NVML: Failed to get maximum GPU power draw, defaulting to 225W: Not Supported diff --git a/.config/btop/themes/pywal.theme b/.config/btop/themes/pywal.theme new file mode 100644 index 0000000..58ad09d --- /dev/null +++ b/.config/btop/themes/pywal.theme @@ -0,0 +1,13 @@ +[colors] +background=#0E1125 +foreground=#e4e6ec +primary=#699AD3 +secondary=#D1ACAF +tertiary=#9DAECF +highlight=#B0CBE7 +accent=#CDD5EA +border=#929BB1 + +[options] +name=Pywal +author=Rion Zaphkiel diff --git a/.config/cava/config b/.config/cava/config new file mode 100644 index 0000000..7661d20 --- /dev/null +++ b/.config/cava/config @@ -0,0 +1,5 @@ +[color] +gradient = 1 +gradient_count = 2 +gradient_color_1 = '#929ca3' +gradient_color_2 = '#717C82' diff --git a/.config/cava/shaders/Backup/bar_spectrum.frag b/.config/cava/shaders/Backup/bar_spectrum.frag new file mode 100644 index 0000000..b078913 --- /dev/null +++ b/.config/cava/shaders/Backup/bar_spectrum.frag @@ -0,0 +1,79 @@ +#version 330 + +in vec2 fragCoord; +out vec4 fragColor; + +// bar values. defaults to left channels first (low to high), then right (high to low). +uniform float bars[512]; + +uniform int bars_count; // number of bars (left + right) (configurable) +uniform int bar_width; // bar width (configurable), not used here +uniform int bar_spacing; // space bewteen bars (configurable) + +uniform vec3 u_resolution; // window resolution + +//colors, configurable in cava config file (r,g,b) (0.0 - 1.0) +uniform vec3 bg_color; // background color +uniform vec3 fg_color; // foreground color + +uniform int gradient_count; +uniform vec3 gradient_colors[8]; // gradient colors + +vec3 normalize_C(float y,vec3 col_1, vec3 col_2, float y_min, float y_max) +{ + //create color based on fraction of this color and next color + float yr = (y - y_min) / (y_max - y_min); + return col_1 * (1.0 - yr) + col_2 * yr; +} + +void main() +{ + // find which bar to use based on where we are on the x axis + float x = u_resolution.x * fragCoord.x; + int bar = int(bars_count * fragCoord.x); + + //calculate a bar size + float bar_size = u_resolution.x / bars_count; + + //the y coordinate and bar values are the same + float y = bars[bar]; + + // make sure there is a thin line at bottom + if (y * u_resolution.y < 1.0) + { + y = 1.0 / u_resolution.y; + } + + //draw the bar up to current height + if (y > fragCoord.y) + { + //make some space between bars basen on settings + if (x > (bar + 1) * (bar_size) - bar_spacing) + { + fragColor = vec4(bg_color,1.0); + } + else + { + if (gradient_count == 0) + { + fragColor = vec4(fg_color,1.0); + } + else + { + //find which color in the configured gradient we are at + int color = int((gradient_count - 1) * fragCoord.y); + + //find where on y this and next color is supposed to be + float y_min = color / (gradient_count - 1.0); + float y_max = (color + 1.0) / (gradient_count - 1.0); + + //make color + fragColor = vec4(normalize_C(fragCoord.y, gradient_colors[color], gradient_colors[color + 1], y_min, y_max), 1.0); + } + } + } + else + { + fragColor = vec4(bg_color,1.0); + } +} \ No newline at end of file diff --git a/.config/cava/shaders/Backup/northern_lights.frag b/.config/cava/shaders/Backup/northern_lights.frag new file mode 100644 index 0000000..ecd859a --- /dev/null +++ b/.config/cava/shaders/Backup/northern_lights.frag @@ -0,0 +1,34 @@ +#version 330 + +in vec2 fragCoord; +out vec4 fragColor; + +// bar values. defaults to left channels first (low to high), then right (high to low). +uniform float bars[512]; + +uniform int bars_count; // number of bars (left + right) (configurable) + +uniform vec3 u_resolution; // window resolution, not used here + +//colors, configurable in cava config file +uniform vec3 bg_color; // background color(r,g,b) (0.0 - 1.0), not used here +uniform vec3 fg_color; // foreground color, not used here + +void main() +{ + // find which bar to use based on where we are on the x axis + int bar = int(bars_count * fragCoord.x); + + float bar_y = 1.0 - abs((fragCoord.y - 0.5)) * 2.0; + float y = (bars[bar]) * bar_y; + + float bar_x = (fragCoord.x - float(bar) / float(bars_count)) * bars_count; + float bar_r = 1.0 - abs((bar_x - 0.5)) * 2; + + bar_r = bar_r * bar_r * 2; + + // set color + fragColor.r = fg_color.x * y * bar_r; + fragColor.g = fg_color.y * y * bar_r; + fragColor.b = fg_color.z * y * bar_r; +} diff --git a/.config/cava/shaders/Backup/pass_through.vert b/.config/cava/shaders/Backup/pass_through.vert new file mode 100644 index 0000000..a4f20e5 --- /dev/null +++ b/.config/cava/shaders/Backup/pass_through.vert @@ -0,0 +1,14 @@ +#version 330 + + +// Input vertex data, different for all executions of this shader. +layout(location = 0) in vec3 vertexPosition_modelspace; + +// Output data ; will be interpolated for each fragment. +out vec2 fragCoord; + +void main() +{ + gl_Position = vec4(vertexPosition_modelspace,1); + fragCoord = (vertexPosition_modelspace.xy+vec2(1,1))/2.0; +} diff --git a/.config/cava/shaders/bar_spectrum.frag b/.config/cava/shaders/bar_spectrum.frag new file mode 100644 index 0000000..b078913 --- /dev/null +++ b/.config/cava/shaders/bar_spectrum.frag @@ -0,0 +1,79 @@ +#version 330 + +in vec2 fragCoord; +out vec4 fragColor; + +// bar values. defaults to left channels first (low to high), then right (high to low). +uniform float bars[512]; + +uniform int bars_count; // number of bars (left + right) (configurable) +uniform int bar_width; // bar width (configurable), not used here +uniform int bar_spacing; // space bewteen bars (configurable) + +uniform vec3 u_resolution; // window resolution + +//colors, configurable in cava config file (r,g,b) (0.0 - 1.0) +uniform vec3 bg_color; // background color +uniform vec3 fg_color; // foreground color + +uniform int gradient_count; +uniform vec3 gradient_colors[8]; // gradient colors + +vec3 normalize_C(float y,vec3 col_1, vec3 col_2, float y_min, float y_max) +{ + //create color based on fraction of this color and next color + float yr = (y - y_min) / (y_max - y_min); + return col_1 * (1.0 - yr) + col_2 * yr; +} + +void main() +{ + // find which bar to use based on where we are on the x axis + float x = u_resolution.x * fragCoord.x; + int bar = int(bars_count * fragCoord.x); + + //calculate a bar size + float bar_size = u_resolution.x / bars_count; + + //the y coordinate and bar values are the same + float y = bars[bar]; + + // make sure there is a thin line at bottom + if (y * u_resolution.y < 1.0) + { + y = 1.0 / u_resolution.y; + } + + //draw the bar up to current height + if (y > fragCoord.y) + { + //make some space between bars basen on settings + if (x > (bar + 1) * (bar_size) - bar_spacing) + { + fragColor = vec4(bg_color,1.0); + } + else + { + if (gradient_count == 0) + { + fragColor = vec4(fg_color,1.0); + } + else + { + //find which color in the configured gradient we are at + int color = int((gradient_count - 1) * fragCoord.y); + + //find where on y this and next color is supposed to be + float y_min = color / (gradient_count - 1.0); + float y_max = (color + 1.0) / (gradient_count - 1.0); + + //make color + fragColor = vec4(normalize_C(fragCoord.y, gradient_colors[color], gradient_colors[color + 1], y_min, y_max), 1.0); + } + } + } + else + { + fragColor = vec4(bg_color,1.0); + } +} \ No newline at end of file diff --git a/.config/cava/shaders/northern_lights.frag b/.config/cava/shaders/northern_lights.frag new file mode 100644 index 0000000..ecd859a --- /dev/null +++ b/.config/cava/shaders/northern_lights.frag @@ -0,0 +1,34 @@ +#version 330 + +in vec2 fragCoord; +out vec4 fragColor; + +// bar values. defaults to left channels first (low to high), then right (high to low). +uniform float bars[512]; + +uniform int bars_count; // number of bars (left + right) (configurable) + +uniform vec3 u_resolution; // window resolution, not used here + +//colors, configurable in cava config file +uniform vec3 bg_color; // background color(r,g,b) (0.0 - 1.0), not used here +uniform vec3 fg_color; // foreground color, not used here + +void main() +{ + // find which bar to use based on where we are on the x axis + int bar = int(bars_count * fragCoord.x); + + float bar_y = 1.0 - abs((fragCoord.y - 0.5)) * 2.0; + float y = (bars[bar]) * bar_y; + + float bar_x = (fragCoord.x - float(bar) / float(bars_count)) * bars_count; + float bar_r = 1.0 - abs((bar_x - 0.5)) * 2; + + bar_r = bar_r * bar_r * 2; + + // set color + fragColor.r = fg_color.x * y * bar_r; + fragColor.g = fg_color.y * y * bar_r; + fragColor.b = fg_color.z * y * bar_r; +} diff --git a/.config/cava/shaders/pass_through.vert b/.config/cava/shaders/pass_through.vert new file mode 100644 index 0000000..a4f20e5 --- /dev/null +++ b/.config/cava/shaders/pass_through.vert @@ -0,0 +1,14 @@ +#version 330 + + +// Input vertex data, different for all executions of this shader. +layout(location = 0) in vec3 vertexPosition_modelspace; + +// Output data ; will be interpolated for each fragment. +out vec2 fragCoord; + +void main() +{ + gl_Position = vec4(vertexPosition_modelspace,1); + fragCoord = (vertexPosition_modelspace.xy+vec2(1,1))/2.0; +} diff --git a/.config/fastfetch/.reload_flag b/.config/fastfetch/.reload_flag new file mode 100644 index 0000000..e69de29 diff --git a/.config/fastfetch/config.json.tmp b/.config/fastfetch/config.json.tmp new file mode 100644 index 0000000..e69de29 diff --git a/.config/fastfetch/config.jsonc b/.config/fastfetch/config.jsonc new file mode 100644 index 0000000..86930c4 --- /dev/null +++ b/.config/fastfetch/config.jsonc @@ -0,0 +1,59 @@ +{ + "$schema": "https://github.com/fastfetch-cli/fastfetch/raw/dev/doc/json_schema.json", + "logo": { + "type": "kitty-direct", + "source": "/home/rionzaphkiel/.config/fastfetch/logo/john_wuthering.png", + "padding": { + "top": 1, + "left": 2 + } + }, + "display": { + "separator": " ", + "color": { + "title": "yellow" + } + }, + "modules": [ + "break", + "title", + { + "type": "os", + "key": "os ", + "keyColor": "white" + }, + { + "type": "wm", + "key": "de ", + "keyColor": "white" + }, + { + "type": "shell", + "key": "shell ", + "keyColor": "white" + }, + { + "type": "uptime", + "format": "{2}h {3}m", + "key": "uptime", + "keyColor": "white" + }, + { + "type": "command", + "key": "os age", + "text": "birth_install=$(stat -c %W /); current=$(date +%s); days_difference=$(( (current - birth_install) / 86400 )); echo $days_difference days", + "keyColor": "white" + }, + { + "type": "memory", + "key": "memory", + "keyColor": "white" + }, + { + "type": "command", + "key": "wife ", + "format": "Artoria Pendragon", + "keyColor": "white" + } + ] +} diff --git a/.config/fastfetch/logo/arknights.png b/.config/fastfetch/logo/arknights.png new file mode 100644 index 0000000..3be8434 Binary files /dev/null and b/.config/fastfetch/logo/arknights.png differ diff --git a/.config/fastfetch/logo/endfield.png b/.config/fastfetch/logo/endfield.png new file mode 100644 index 0000000..4258da3 Binary files /dev/null and b/.config/fastfetch/logo/endfield.png differ diff --git a/.config/fastfetch/logo/john_arknights.png b/.config/fastfetch/logo/john_arknights.png new file mode 100644 index 0000000..5e95fb8 Binary files /dev/null and b/.config/fastfetch/logo/john_arknights.png differ diff --git a/.config/fastfetch/logo/john_endfield.png b/.config/fastfetch/logo/john_endfield.png new file mode 100644 index 0000000..7f396f9 Binary files /dev/null and b/.config/fastfetch/logo/john_endfield.png differ diff --git a/.config/fastfetch/logo/john_genshin.png b/.config/fastfetch/logo/john_genshin.png new file mode 100644 index 0000000..8e96810 Binary files /dev/null and b/.config/fastfetch/logo/john_genshin.png differ diff --git a/.config/fastfetch/logo/john_starrail.png b/.config/fastfetch/logo/john_starrail.png new file mode 100644 index 0000000..3cfff21 Binary files /dev/null and b/.config/fastfetch/logo/john_starrail.png differ diff --git a/.config/fastfetch/logo/john_wuthering.png b/.config/fastfetch/logo/john_wuthering.png new file mode 100644 index 0000000..fd9598e Binary files /dev/null and b/.config/fastfetch/logo/john_wuthering.png differ diff --git a/.config/fastfetch/logo/john_zenless.png b/.config/fastfetch/logo/john_zenless.png new file mode 100644 index 0000000..68a5fc4 Binary files /dev/null and b/.config/fastfetch/logo/john_zenless.png differ diff --git a/.config/fastfetch/logo/wuthering.png b/.config/fastfetch/logo/wuthering.png new file mode 100644 index 0000000..c49d610 Binary files /dev/null and b/.config/fastfetch/logo/wuthering.png differ diff --git a/.config/wal/colors.json b/.config/wal/colors.json new file mode 100644 index 0000000..bef9538 --- /dev/null +++ b/.config/wal/colors.json @@ -0,0 +1,25 @@ +{ + "special": { + "background": "#1A1A1A", + "foreground": "#FFD700", + "cursor": "#FFE55C" + }, + "colors": { + "color0": "#1A1A1A", + "color1": "#FFD700", + "color2": "#FFF27C", + "color3": "#FFE55C", + "color4": "#FFCC00", + "color5": "#FFFACD", + "color6": "#FFD54F", + "color7": "#FDFDFD", + "color8": "#444444", + "color9": "#FFD700", + "color10": "#FFF27C", + "color11": "#FFE55C", + "color12": "#FFCC00", + "color13": "#FFFACD", + "color14": "#FFD54F", + "color15": "#FFFFFF" + } +} diff --git a/.config/wal/hooks/hooks.sh b/.config/wal/hooks/hooks.sh new file mode 100755 index 0000000..3f9b106 --- /dev/null +++ b/.config/wal/hooks/hooks.sh @@ -0,0 +1,4 @@ +#!/bin/bash +~/.dotfiles/.script/discord-pywalsync.sh +~/.dotfiles/.script/cava-pywalsync.sh +~/.dotfiles/.script/wlogout-pywalsync.sh \ No newline at end of file diff --git a/.config/wal/themes/Arknights.json b/.config/wal/themes/Arknights.json new file mode 100644 index 0000000..9c5b0e1 --- /dev/null +++ b/.config/wal/themes/Arknights.json @@ -0,0 +1,25 @@ +{ + "special": { + "background": "#10141a", + "foreground": "#e1e3e4", + "cursor": "#e1e3e4" + }, + "colors": { + "color0": "#10141a", + "color1": "#387a93", + "color2": "#2b93a4", + "color3": "#6b5b53", + "color4": "#4e5a68", + "color5": "#7c8c9a", + "color6": "#47b8c7", + "color7": "#e1e3e4", + "color8": "#9ca0a1", + "color9": "#387a93", + "color10": "#2b93a4", + "color11": "#6b5b53", + "color12": "#4e5a68", + "color13": "#7c8c9a", + "color14": "#47b8c7", + "color15": "#e1e3e4" + } +} diff --git a/.config/wal/themes/Endfields.json b/.config/wal/themes/Endfields.json new file mode 100644 index 0000000..a0e367f --- /dev/null +++ b/.config/wal/themes/Endfields.json @@ -0,0 +1,25 @@ +{ + "special": { + "background": "#13130e", + "foreground": "#eaeadf", + "cursor": "#eaeadf" + }, + "colors": { + "color0": "#13130e", + "color1": "#ACA635", + "color2": "#9B9965", + "color3": "#D2D067", + "color4": "#A5A697", + "color5": "#C2BCA4", + "color6": "#DDDCA4", + "color7": "#eaeadf", + "color8": "#a3a39c", + "color9": "#ACA635", + "color10": "#9B9965", + "color11": "#D2D067", + "color12": "#A5A697", + "color13": "#C2BCA4", + "color14": "#DDDCA4", + "color15": "#eaeadf" + } +} \ No newline at end of file diff --git a/.config/wal/themes/Wutherings.json b/.config/wal/themes/Wutherings.json new file mode 100644 index 0000000..aabda29 --- /dev/null +++ b/.config/wal/themes/Wutherings.json @@ -0,0 +1,25 @@ +{ + "special": { + "background": "#1e1f24", + "foreground": "#e3e4e6", + "cursor": "#e3e4e6" + }, + "colors": { + "color0": "#1e1f24", + "color1": "#3d5a9d", + "color2": "#6c89c8", + "color3": "#5a5f6a", + "color4": "#5679c0", + "color5": "#878c93", + "color6": "#5f7cb6", + "color7": "#e3e4e6", + "color8": "#9ea1a3", + "color9": "#3d5a9d", + "color10": "#6c89c8", + "color11": "#5a5f6a", + "color12": "#5679c0", + "color13": "#878c93", + "color14": "#5f7cb6", + "color15": "#e3e4e6" + } +} \ No newline at end of file diff --git a/.config/wezterm/wezterm.lua b/.config/wezterm/wezterm.lua new file mode 100644 index 0000000..5b11aa1 --- /dev/null +++ b/.config/wezterm/wezterm.lua @@ -0,0 +1,31 @@ +local wezterm = require("wezterm") +local config = wezterm.config_builder() + +--- Font Settings +config.font_size = 14 +config.line_height = 1.2 +config.font = wezterm.font("FiraMono Nerd Font") + +--- Colors +config.colors = { + cursor_bg = "white", + cursor_border = "white", +} + +-- Appearance +config.window_decorations = "NONE" +config.hide_tab_bar_if_only_one_tab = true +config.window_padding = { + left = 0, + top = 0, + bottom = 0, + right = 0, +} + +config.window_background_opacity = 0.85 + +--- Misc +config.max_fps = 60 +config.prefer_egl = true + +return config diff --git a/.config/wlogout/icons/hibernate-hover.png b/.config/wlogout/icons/hibernate-hover.png new file mode 100644 index 0000000..cea1ebc Binary files /dev/null and b/.config/wlogout/icons/hibernate-hover.png differ diff --git a/.config/wlogout/icons/hibernate-hover1.png b/.config/wlogout/icons/hibernate-hover1.png new file mode 100644 index 0000000..0fd3bad Binary files /dev/null and b/.config/wlogout/icons/hibernate-hover1.png differ diff --git a/.config/wlogout/icons/hibernate.png b/.config/wlogout/icons/hibernate.png new file mode 100644 index 0000000..cea1ebc Binary files /dev/null and b/.config/wlogout/icons/hibernate.png differ diff --git a/.config/wlogout/icons/lock-hover.png b/.config/wlogout/icons/lock-hover.png new file mode 100644 index 0000000..2925c26 Binary files /dev/null and b/.config/wlogout/icons/lock-hover.png differ diff --git a/.config/wlogout/icons/lock.png b/.config/wlogout/icons/lock.png new file mode 100644 index 0000000..2925c26 Binary files /dev/null and b/.config/wlogout/icons/lock.png differ diff --git a/.config/wlogout/icons/logout-hover.png b/.config/wlogout/icons/logout-hover.png new file mode 100644 index 0000000..33ecdc1 Binary files /dev/null and b/.config/wlogout/icons/logout-hover.png differ diff --git a/.config/wlogout/icons/logout.png b/.config/wlogout/icons/logout.png new file mode 100644 index 0000000..33ecdc1 Binary files /dev/null and b/.config/wlogout/icons/logout.png differ diff --git a/.config/wlogout/icons/moon_865813.png b/.config/wlogout/icons/moon_865813.png new file mode 100644 index 0000000..b87fabf Binary files /dev/null and b/.config/wlogout/icons/moon_865813.png differ diff --git a/.config/wlogout/icons/power-hover.png b/.config/wlogout/icons/power-hover.png new file mode 100644 index 0000000..a8892ae Binary files /dev/null and b/.config/wlogout/icons/power-hover.png differ diff --git a/.config/wlogout/icons/power.png b/.config/wlogout/icons/power.png new file mode 100644 index 0000000..a8892ae Binary files /dev/null and b/.config/wlogout/icons/power.png differ diff --git a/.config/wlogout/icons/restart-hover.png b/.config/wlogout/icons/restart-hover.png new file mode 100644 index 0000000..e4a6987 Binary files /dev/null and b/.config/wlogout/icons/restart-hover.png differ diff --git a/.config/wlogout/icons/restart.png b/.config/wlogout/icons/restart.png new file mode 100644 index 0000000..e4a6987 Binary files /dev/null and b/.config/wlogout/icons/restart.png differ diff --git a/.config/wlogout/icons/sleep-hover.png b/.config/wlogout/icons/sleep-hover.png new file mode 100644 index 0000000..ee09b8c Binary files /dev/null and b/.config/wlogout/icons/sleep-hover.png differ diff --git a/.config/wlogout/icons/sleep.png b/.config/wlogout/icons/sleep.png new file mode 100644 index 0000000..ee09b8c Binary files /dev/null and b/.config/wlogout/icons/sleep.png differ diff --git a/.config/wlogout/icons/sleep2.png b/.config/wlogout/icons/sleep2.png new file mode 100644 index 0000000..b87fabf Binary files /dev/null and b/.config/wlogout/icons/sleep2.png differ diff --git a/.config/wlogout/images/wallpaper_blurred.png b/.config/wlogout/images/wallpaper_blurred.png new file mode 100644 index 0000000..618892a Binary files /dev/null and b/.config/wlogout/images/wallpaper_blurred.png differ diff --git a/.config/wlogout/layout b/.config/wlogout/layout new file mode 100644 index 0000000..442543c --- /dev/null +++ b/.config/wlogout/layout @@ -0,0 +1,36 @@ +{ + "label" : "lock", + "action" : "loginctl lock-session", + "text" : "Lock", + "keybind" : "l" +} +{ + "label" : "reboot", + "action" : "gnome-session-quit --reboot", + "text" : "Reboot", + "keybind" : "r" +} +{ + "label" : "shutdown", + "action" : "gnome-session-quit --power-off", + "text" : "Shutdown", + "keybind" : "s" +} +{ + "label" : "logout", + "action" : "gnome-session-quit", + "text" : "Logout", + "keybind" : "e" +} +{ + "label" : "suspend", + "action" : "systemctl suspend", + "text" : "Suspend", + "keybind" : "u" +} +{ + "label" : "hibernate", + "action" : "systemctl hibernate", + "text" : "Hibernate", + "keybind" : "h" +} diff --git a/.config/wlogout/style-template.css b/.config/wlogout/style-template.css new file mode 100644 index 0000000..49b85a3 --- /dev/null +++ b/.config/wlogout/style-template.css @@ -0,0 +1,67 @@ +@import url("file:///home/rionzaphkiel/.cache/wal/colors-waybar.css"); + +* { + background-image: none; + font-size: 20px; + font-family: "JetBrains Mono"; +} + +window { + background-image: image(url("./images/wallpaper_blurred.png")); +} + +button { + border-radius: 20px; + margin: 10px; + color: @inverse_surface; + border-color: @inverse_surface; + background-color: rgba(0, 0, 0, 0.5); + outline-style: none; + border-style: solid; + border-width: 0px; + background-repeat: no-repeat; + background-position: center; + background-size: 20%; + box-shadow: none; + text-shadow: none; + animation: gradient_f 20s ease-in infinite; +} + +button:hover,button:focus { + background-color: @on_secondary_fixed_variant; + background-size: 30%; + color: @color1; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); +} + +/* Adjust the size of the icon or content inside the button */ +button span { + font-size: 1.2em; /* Increase the font size */ +} + + +#lock { + background-image: image(url("./icons/lock.png")); +} + +#logout { + background-image: image(url("./icons/logout.png")); +} + +#suspend { + background-image: image(url("./icons/sleep.png")); +} + +#shutdown { + background-image: image(url("./icons/power.png")); +} + +#reboot { + background-image: image(url("./icons/restart.png")); +} + +#hibernate { + background-image: image(url("./icons/hibernate.png")); +} + diff --git a/.config/wlogout/style.css b/.config/wlogout/style.css new file mode 100644 index 0000000..49b85a3 --- /dev/null +++ b/.config/wlogout/style.css @@ -0,0 +1,67 @@ +@import url("file:///home/rionzaphkiel/.cache/wal/colors-waybar.css"); + +* { + background-image: none; + font-size: 20px; + font-family: "JetBrains Mono"; +} + +window { + background-image: image(url("./images/wallpaper_blurred.png")); +} + +button { + border-radius: 20px; + margin: 10px; + color: @inverse_surface; + border-color: @inverse_surface; + background-color: rgba(0, 0, 0, 0.5); + outline-style: none; + border-style: solid; + border-width: 0px; + background-repeat: no-repeat; + background-position: center; + background-size: 20%; + box-shadow: none; + text-shadow: none; + animation: gradient_f 20s ease-in infinite; +} + +button:hover,button:focus { + background-color: @on_secondary_fixed_variant; + background-size: 30%; + color: @color1; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); +} + +/* Adjust the size of the icon or content inside the button */ +button span { + font-size: 1.2em; /* Increase the font size */ +} + + +#lock { + background-image: image(url("./icons/lock.png")); +} + +#logout { + background-image: image(url("./icons/logout.png")); +} + +#suspend { + background-image: image(url("./icons/sleep.png")); +} + +#shutdown { + background-image: image(url("./icons/power.png")); +} + +#reboot { + background-image: image(url("./icons/restart.png")); +} + +#hibernate { + background-image: image(url("./icons/hibernate.png")); +} + diff --git a/.config/wofi/config b/.config/wofi/config new file mode 100644 index 0000000..4bb18ae --- /dev/null +++ b/.config/wofi/config @@ -0,0 +1,13 @@ +[config] +allow_images=true +show=drun +prompt=Search +term=wezterm +print_command=true +insensitive=true +columns=1 +no_actions=true +hide_scroll=true +width=800 +height=475 +style = /home/rionzaphkiel/.config/wofi/style.css \ No newline at end of file diff --git a/.config/wofi/style.css b/.config/wofi/style.css new file mode 100644 index 0000000..9e8a157 --- /dev/null +++ b/.config/wofi/style.css @@ -0,0 +1,83 @@ +@import url("file:///home/rionzaphkiel/.cache/wal/colors-waybar.css"); /* ambil palet Pywal */ + +/* === Global === */ +* { + all: unset; + font-family: 'JetBrains Mono', monospace; + font-size: 18px; + text-shadow: none; + background-color: transparent; +} + +/* === Window utama === */ +window { + padding: 20px; + border-radius: 12px; + + /* Campuran background + nuansa @color1 */ + background: + radial-gradient(circle at top left, alpha(@color1,0.35), transparent 70%), + radial-gradient(circle at top right, alpha(@color1,0.35), transparent 70%), + radial-gradient(circle at bottom left, alpha(@color1,0.35), transparent 70%), + radial-gradient(circle at bottom right, alpha(@color1,0.35), transparent 70%), + alpha(@background,0.85); +} + +/* === Layout === */ +#outer-box { + border: none; +} +#inner-box { + margin: 2px; + padding: 5px; + border: none; +} +#scroll { + margin: 0px; + padding: 20px; + border: none; +} + +/* === Input field === */ +#input { + margin: 20px; + padding: 15px; + border-radius: 10px; + color: @foreground; + background-color: alpha(@background, 0.25); + box-shadow: 1px 1px 5px rgba(0,0,0,.5); +} +#input image { + color: @color1; + padding-right: 10px; +} + +/* === Item list === */ +#entry { + border: none; + margin: 5px; + padding: 10px; + border-radius: 12px; + transition: background-color 0.2s ease, color 0.2s ease; +} + +/* Normal text */ +#entry #text { + color: @foreground; +} + +/* Item terpilih (highlight nuansa pywal) */ +#entry:selected { + background-color: alpha(@color1, 0.2); /* warna highlight */ + border: 1px solid @color1; + box-shadow: 0 0 8px alpha(@color1, 0.3); +} +#entry:selected #text { + color: @color1; + font-weight: bold; +} + +/* Arrow icon */ +#entry arrow { + color: @color3; +} diff --git a/.config/wofi/styles.css b/.config/wofi/styles.css new file mode 100644 index 0000000..15dd2e2 --- /dev/null +++ b/.config/wofi/styles.css @@ -0,0 +1,101 @@ +@import url("file:///home/rionzaphkiel/.cache/wal/colors-waybar.css"); + +@keyframes fadeIn { + 0% { + } + 100% { + } +} + +* { + all:unset; + font-family: 'JetBrains Mono', monospace; + font-size: 18px; + outline: none; + border: none; + text-shadow:none; + background-color:transparent; +} + +window { + all:unset; + padding: 20px; + border-radius: 0px; + background-color: alpha(@background,.5); +} +#inner-box { + margin: 2px; + padding: 5px + border: none; +} +#outer-box { + border: none; +} +#scroll { + margin: 0px; + padding: 30px; + border: none; +} +#input { + all:unset; + margin-left:20px; + margin-right:20px; + margin-top:20px; + padding: 20px; + border: none; + outline: none; + color: @text; + box-shadow: 1px 1px 5px rgba(0,0,0, .5); + border-radius:10; + background-color: alpha(@background,.2); +} +#input image { + border: none; + color: @red; + padding-right:10px; +} +#input * { + border: none; + outline: none; +} + +#input:focus { + outline: none; + border: none; + + border-radius:10; +} +#text { + margin: 5px; + border: none; + color: @color1; + outline: none; +} +#text { + margin: 5px; + border: none; + color: @text; + outline: none; +} +#entry { + border: none; + margin: 5px; + padding: 10px; +} +#entry arrow { + border: none; + color: @lavender; + +} +#entry:selected { + box-shadow: 1px 1px 5px rgba(255,255,255, .03); + border: none; + border-radius: 20px; + background-color:transparent; +} +#entry:selected #text { + color: @mauve; +} +#entry:drop(active) { + background-color: @lavender !important; +} \ No newline at end of file diff --git a/.config/wofi/wallpaper b/.config/wofi/wallpaper new file mode 100644 index 0000000..dc927ed --- /dev/null +++ b/.config/wofi/wallpaper @@ -0,0 +1,13 @@ +[config] +allow_images=true +show=drun +width=900 +height=600 +always_parse_args=true +show_all=true +term=wezterm +hide_scroll=true +print_command=true +insensitive=true +columns=3 +image_size=250 \ No newline at end of file diff --git a/.script/cava-pywalsync.sh b/.script/cava-pywalsync.sh new file mode 100755 index 0000000..fbeb690 --- /dev/null +++ b/.script/cava-pywalsync.sh @@ -0,0 +1,17 @@ +#!/bin/bash + +# Paths +CAVA_CONFIG="$HOME/.config/cava/config" +WAL_COLORS="$HOME/.cache/wal/colors.json" + +# Take colors from pywal +COLOR1=$(jq -r '.colors.color8' "$WAL_COLORS") +COLOR2=$(jq -r '.colors.color1' "$WAL_COLORS") + +# Update colors in CAVA +sed -i "s|^gradient_color_1 = '.*'|gradient_color_1 = '$COLOR1'|" "$CAVA_CONFIG" +sed -i "s|^gradient_color_2 = '.*'|gradient_color_2 = '$COLOR2'|" "$CAVA_CONFIG" + +# Auto-Restart CAVA (if it's running) +killall -USR1 cava + diff --git a/.script/discord-pywalsync.sh b/.script/discord-pywalsync.sh new file mode 100755 index 0000000..fea658f --- /dev/null +++ b/.script/discord-pywalsync.sh @@ -0,0 +1,14 @@ +#!/bin/bash + +# Path +WALCSS="$HOME/.cache/wal/colors.css" +BDCSS="$HOME/.config/BetterDiscord/data/stable/custom.css" +TEMPLATE="$HOME/.config/bd-template.css" +HEADER="$HOME/.config/bd-header.css" + +# Overwrite Better Discord Custom CSS using pywal color palette +cat "$HEADER" > "$BDCSS" +echo "" >> "$BDCSS" +cat "$WALCSS" >> "$BDCSS" +echo "" >> "$BDCSS" +cat "$TEMPLATE" >> "$BDCSS" diff --git a/.script/flameshot-gui.sh b/.script/flameshot-gui.sh new file mode 100755 index 0000000..07d1ee7 --- /dev/null +++ b/.script/flameshot-gui.sh @@ -0,0 +1,2 @@ +#!/bin/bash +flameshot gui diff --git a/.script/normalize-wall.sh b/.script/normalize-wall.sh new file mode 100755 index 0000000..232eda7 --- /dev/null +++ b/.script/normalize-wall.sh @@ -0,0 +1,32 @@ +#!/bin/bash +# normalize_wallpapers.sh +# Renames wallpapers to have _ before trailing numbers + +WALLPAPERS="$HOME/Pictures/Wallpaper" +cd "$WALLPAPERS" || { echo "Directory not found: $WALLPAPERS"; exit 1; } + +for f in *.png *.jpg *.jpeg *.webp *.bmp; do + [[ -f "$f" ]] || continue + + # Remove surrounding quotes if any + clean="${f%\"}" + clean="${clean#\"}" + + # Split name and extension + name="${clean%.*}" + ext="${clean##*.}" + + # If name ends with number without _, add _ + if [[ "$name" =~ ^(.*[^0-9])([0-9]+)$ ]]; then + new_name="${BASH_REMATCH[1]}_${BASH_REMATCH[2]}.$ext" + + # Only rename if different + if [[ "$clean" != "$new_name" ]]; then + mv -i "$clean" "$new_name" + echo "Renamed: $clean -> $new_name" + fi + fi +done + +echo "✅ All wallpapers normalized in $WALLPAPERS" + diff --git a/.script/rain.sh b/.script/rain.sh new file mode 100755 index 0000000..6c8464d --- /dev/null +++ b/.script/rain.sh @@ -0,0 +1,128 @@ +#!/bin/bash +# Let it Rain! +# Copyright (C) 2011, 2013 by Yu-Jie Lin +# +# Permission is hereby granted, free of charge, to any person obtaining a copy +# of this software and associated documentation files (the "Software"), to deal +# in the Software without restriction, including without limitation the rights +# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +# copies of the Software, and to permit persons to whom the Software is +# furnished to do so, subject to the following conditions: +# +# The above copyright notice and this permission notice shall be included in +# all copies or substantial portions of the Software. +# +# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +# THE SOFTWARE. +# +# Blog: https://yjlv.blogstpo.com/2013/07/let-it-rain.html +# Gif : https://lh5.googleusercontent.com/-0WJ1vSZcFPs/UdadOwdPEXI/AAAAAAAAE-c/6kuH9hP3cUo/s800/rain.sh.gif +# Clip: https://youtu.be/EssRgAh2w_c +# +# Modified from falling-<3s.sh: +# https://yjlv.blogstpo.com/2011/02/time-to-have-falling-hearts-screensaver.html + +RAINS=("|" "│" "┃" "┆" "┇" "┊" "┋" "╽" "╿") +COLORS=("\e[37m" "\e[37;1m") +# More from 256 color mode +for i in {244..255}; do + COLORS=("${COLORS[@]}" "\e[38;5;${i}m") +done +NRAINS=${#RAINS[@]} +NCOLORS=${#COLORS[@]} +NUM_RAIN_METADATA=5 + + +sigwinch() { + TERM_WIDTH=$(tput cols) + TERM_HEIGHT=$(tput lines) + STEP_DURATION=0.025 + ((MAX_RAINS = TERM_WIDTH * TERM_HEIGHT / 4)) + ((MAX_RAIN_LENGTH = TERM_HEIGHT < 10 ? 1 : TERM_HEIGHT / 10)) + # In percentage + ((NEW_RAIN_ODD = TERM_HEIGHT > 50 ? 100 : TERM_HEIGHT * 2)) + ((NEW_RAIN_ODD = NEW_RAIN_ODD * 75 / 100)) + ((FALLING_ODD = TERM_HEIGHT > 25 ? 100 : TERM_HEIGHT * 4)) + ((FALLING_ODD = FALLING_ODD * 90 / 100)) + } + +do_exit() { + echo -ne "\e[${TERM_HEIGHT};1H\e[0K" + + # Show cursor and echo stdin + echo -ne "\e[?25h" + stty echo + exit 0 + } + +do_render() { + # Clean screen first + for ((idx = 0; idx < num_rains * NUM_RAIN_METADATA; idx += NUM_RAIN_METADATA)); do + X=${rains[idx]} + Y=${rains[idx + 1]} + LENGTH=${rains[idx + 4]} + for ((y = Y; y < Y + LENGTH; y++)); do + (( y < 1 || y > TERM_HEIGHT )) && continue + echo -ne "\e[${y};${X}H " + done + done + + for ((idx = 0; idx < num_rains * NUM_RAIN_METADATA; idx += NUM_RAIN_METADATA)); do + if ((100 * RANDOM / 32768 < FALLING_ODD)); then + # Falling + if ((++rains[idx + 1] > TERM_HEIGHT)); then + # Out of screen, bye sweet <3 + rains=("${rains[@]:0:idx}" + "${rains[@]:idx+NUM_RAIN_METADATA:num_rains*NUM_RAIN_METADATA}") + ((num_rains--)) + continue + fi + fi + X=${rains[idx]} + Y=${rains[idx + 1]} + RAIN=${rains[idx + 2]} + COLOR=${rains[idx + 3]} + LENGTH=${rains[idx + 4]} + for ((y = Y; y < Y + LENGTH; y++)); do + (( y < 1 || y > TERM_HEIGHT )) && continue + echo -ne "\e[${y};${X}H${COLOR}${RAIN}" + done + done + } + +trap do_exit TERM INT +trap sigwinch WINCH +# No echo stdin and hide the cursor +stty -echo +echo -ne "\e[?25l" + +echo -ne "\e[2J" +rains=() +sigwinch +while :; do + read -n 1 -t $STEP_DURATION ch + case "$ch" in + q|Q) + do_exit + ;; + esac + + if ((num_rains < MAX_RAINS)) && ((100 * RANDOM / 32768 < NEW_RAIN_ODD)); then + # Need new |, 1-based + RAIN="${RAINS[NRAINS * RANDOM / 32768]}" + COLOR="${COLORS[NCOLORS * RANDOM / 32768]}" + LENGTH=$((MAX_RAIN_LENGTH * RANDOM / 32768 + 1)) + X=$((TERM_WIDTH * RANDOM / 32768 + 1)) + Y=$((1 - LENGTH)) + rains=("${rains[@]}" "$X" "$Y" "$RAIN" "$COLOR" "$LENGTH") + ((num_rains++)) + fi + + # Let rain fall! + do_render +done \ No newline at end of file diff --git a/.script/reales-scale.sh b/.script/reales-scale.sh new file mode 100755 index 0000000..7e100e2 --- /dev/null +++ b/.script/reales-scale.sh @@ -0,0 +1,66 @@ +#!/bin/bash + +# Path for output +OUTPUT_DIR="$HOME/Pictures/Realesrgan" +REALES="$HOME/.realesrgan/realesrgan-ncnn-vulkan" + +# Create output directory if not exists +mkdir -p "$OUTPUT_DIR" + +# Default to current directory +INPUT_DIR="$(pwd)" + +# Count files (jpg/jpeg/png only) +FILE_COUNT=$(find "$INPUT_DIR" -maxdepth 1 -type f \( -iname "*.jpg" -o -iname "*.jpeg" -o -iname "*.png" \) | wc -l) + +# Confirm +read -rp "Initiating RealESRGAN to process $FILE_COUNT files in $INPUT_DIR, are you sure? [y/N]: " confirm +case "$confirm" in + [yY][eE][sS]|[yY]) ;; + *) echo "Aborted."; exit 1 ;; +esac + +# Model +MODEL="realesr-animevideov3" + +# Force NVIDIA GPU (index 1) +GPU_INDEX=1 + +# Scale options +echo "Choose scale factor:" +echo "1) 2x" +echo "2) 3x" +echo "3) 4x" +read -rp "Select scale (1-3): " scale_choice + +case $scale_choice in + 1) SCALE=2 ;; + 2) SCALE=3 ;; + 3) SCALE=4 ;; + *) echo "Invalid choice, defaulting to 2x"; SCALE=2 ;; +esac + +echo "Processing $FILE_COUNT images in $INPUT_DIR with model=$MODEL, scale=${SCALE}x, GPU=$GPU_INDEX..." +COUNT=0 + +# Process each file +for file in "$INPUT_DIR"/*.{jpg,jpeg,png}; do + [ -e "$file" ] || continue + COUNT=$((COUNT + 1)) + + filename=$(basename "$file") + base="${filename%.*}" # name without extension + output_file="$OUTPUT_DIR/${base}.png" + + # Ensure no overwrite (add _1, _2, etc.) + i=1 + while [ -f "$output_file" ]; do + output_file="$OUTPUT_DIR/${base}_$i.png" + i=$((i + 1)) + done + + echo "[$COUNT/$FILE_COUNT] Processing: $filename -> $(basename "$output_file")" + $REALES -i "$file" -o "$output_file" -n "$MODEL" -s "$SCALE" -g "$GPU_INDEX" >/dev/null 2>&1 +done + +echo "✅ All files processed. Output saved in $OUTPUT_DIR" \ No newline at end of file diff --git a/.script/scaler-wallpaper.sh b/.script/scaler-wallpaper.sh new file mode 100755 index 0000000..3a46faf --- /dev/null +++ b/.script/scaler-wallpaper.sh @@ -0,0 +1,73 @@ +#!/bin/bash + +# PATH +WALLPAPERS="$HOME/Pictures/Wallpaper" +BACKUP="$HOME/Pictures/.backup" + +# Make dirs if they don't exist +mkdir -p "$BACKUP" +cd "$WALLPAPERS" || exit 1 + +# Process all images +for img in *.{jpg,jpeg,png,webp,bmp}; do + [[ -f "$img" ]] || continue + + # Check resolution + read width height <<< $(identify -format "%w %h" "$img") + if [[ "$width" -eq 1920 && "$height" -eq 1080 ]]; then + continue + fi + + base="${img%.*}" + ext="png" # Converted wallpaper extension + orig_ext="${img##*.}" # Original extension for backup + + # --- Determine next available name in wallpaper folder --- + max=0 + for f in "$base"_*.${ext} "$base".${ext}; do + [[ -f "$f" ]] || continue + if [[ "$f" =~ ${base}_([0-9]+)\.${ext}$ ]]; then + (( ${BASH_REMATCH[1]} > max )) && max=${BASH_REMATCH[1]} + elif [[ "$f" == "$base.$ext" ]]; then + (( max < 1 )) && max=1 + fi + done + + # Choose new file name + if [[ $max -eq 0 ]]; then + new_name="$base.$ext" + else + new_name="${base}_$((max + 1)).$ext" + fi + + # Convert image + if magick "$img" -resize 1920x1080^ -gravity center -extent 1920x1080 "$new_name"; then + echo "Converted: $img -> $new_name" + + # --- Move original to backup with incremental name and original extension --- + backup_base="$BACKUP/$base" + backup_max=0 + for f in "$backup_base"_*.$orig_ext "$backup_base".$orig_ext; do + [[ -f "$f" ]] || continue + if [[ "$f" =~ ${backup_base}_([0-9]+)\.${orig_ext}$ ]]; then + (( ${BASH_REMATCH[1]} > backup_max )) && backup_max=${BASH_REMATCH[1]} + elif [[ "$f" == "$backup_base.$orig_ext" ]]; then + (( backup_max < 1 )) && backup_max=1 + fi + done + + if [[ $backup_max -eq 0 ]]; then + backup_name="$BACKUP/$base.$orig_ext" + else + backup_name="$BACKUP/${base}_$((backup_max + 1)).$orig_ext" + fi + + mv "$img" "$backup_name" + echo "Moved original to backup: $backup_name" + else + echo "❌ Failed to convert: $img" + fi +done + +echo "✅ All Wallpapers has been processed $WALLPAPERS" + diff --git a/.script/sort-file.sh b/.script/sort-file.sh new file mode 100755 index 0000000..b3ae873 --- /dev/null +++ b/.script/sort-file.sh @@ -0,0 +1,72 @@ +#!/bin/bash + +# Directory you want to organize (default: current directory) +DIR="${1:-.}" +DIR="$(realpath "$DIR")" + +# Ask for confirmation +read -p "Sort the files in $DIR ? [y/N]: " confirm +case "$confirm" in + [yY][eE][sS]|[yY]) + echo "Sorting files in $DIR..." + ;; + *) + echo "Aborted." + exit 0 + ;; +esac + +# Define groups of extensions +photos=("jpg" "jpeg" "png" "gif" "bmp" "tiff" "webp") +videos=("mp4" "mkv" "avi" "mov" "flv" "wmv" "webm") +documents=("doc" "docx" "odt" "pdf" "txt" "rtf" "xlsx" "xls" "ppt" "pptx" "csv") +compressed=("zip" "tar" "gz" "rar" "7z" "bz2") +audio=("mp3" "wav" "flac" "aac" "ogg" "m4a") + +# Create function to check if value in array +in_array() { + local e match="$1"; shift + for e; do [[ "$e" == "$match" ]] && return 0; done + return 1 +} + +# Loop through files +for file in "$DIR"/*; do + [ -f "$file" ] || continue + + ext="${file##*.}" + ext=$(echo "$ext" | tr '[:upper:]' '[:lower:]') # normalize lowercase + + target_dir="Others" # default group + + if in_array "$ext" "${photos[@]}"; then + target_dir="Media/Photos" + elif in_array "$ext" "${videos[@]}"; then + target_dir="Media/Videos" + elif in_array "$ext" "${documents[@]}"; then + target_dir="Documents" + elif in_array "$ext" "${compressed[@]}"; then + target_dir="Compressed" + elif in_array "$ext" "${audio[@]}"; then + target_dir="Media/Audio" + fi + + mkdir -p "$DIR/$target_dir" + + # Generate new filename if already exists + base_name="$(basename "$file")" + dest="$DIR/$target_dir/$base_name" + + if [ -e "$dest" ]; then + name="${base_name%.*}" + ext_only="${base_name##*.}" + n=1 + while [ -e "$DIR/$target_dir/${name}_$n.$ext_only" ]; do + ((n++)) + done + dest="$DIR/$target_dir/${name}_$n.$ext_only" + fi + + mv "$file" "$dest" + echo "Moved: $(basename "$file") → $target_dir/$(basename "$dest")" +done diff --git a/.script/wallpaper-picker.sh b/.script/wallpaper-picker.sh new file mode 100755 index 0000000..bd4ee72 --- /dev/null +++ b/.script/wallpaper-picker.sh @@ -0,0 +1,108 @@ +#!/bin/bash + +# Config and Path +WALLPAPERS="$HOME/Pictures/Wallpaper" +CACHE_DIR="$HOME/.cache/wallpaper-picker" +THUMB_WIDTH="250" +THUMB_HEIGHT="141" +THEMES="$HOME/.config/wal/themes" +WAL_BIN="$HOME/.local/bin/wal" +HOOKS="$HOME/.config/wal/hooks/hooks.sh" +FASTFETCH_CFG="$HOME/.config/fastfetch/config.jsonc" + +# Make the thumb dir if it's not exist +mkdir -p "$CACHE_DIR" + +# Generate thumbnail +generate_thumbnail(){ + local input="$1" + local output="$2" + magick "$input" -thumbnail "${THUMB_WIDTH}x${THUMB_HEIGHT}^" \ + -gravity center -extent "${THUMB_WIDTH}x${THUMB_HEIGHT}" "$output" +} + +# Generate menu with thumbnails +generate_menu(){ + # Find all images and sort naturally + while IFS= read -r img; do + [[ -f "$img" ]] || continue + thumb="$CACHE_DIR/$(basename "${img%.*}").png" + + # Generate thumbnail if missing or outdated + if [[ ! -f "$thumb" ]] || [[ "$img" -nt "$thumb" ]]; then + generate_thumbnail "$img" "$thumb" + fi + + # Output for wofi + echo -en "img:$thumb\x00info:$(basename "$img")\x1f$img\n" + done < <(find "$WALLPAPERS" -maxdepth 1 -type f \( -iname "*.jpg" -o -iname "*.jpeg" -o -iname "*.png" \) | sort -V) +} + + +# Run wofi with thumbnails +CHOICE=$(generate_menu | wofi --show dmenu \ + --cache-file /dev/null \ + --define "image-size=${THUMB_WIDTH}x${THUMB_HEIGHT}" \ + --columns 3 \ + --allow-images \ + --insensitive \ + --sort-order=default \ + --prompt "Select Wallpaper" \ + --conf ~/.config/wofi/wallpaper +) + +[ -z "$CHOICE" ] && exit 0 +WAL_NAME=$(basename "$CHOICE") +SELECTED="$WALLPAPERS/$WAL_NAME" + +# Extract THEME name +BASENAME=$(basename "$SELECTED") +THEME="${BASENAME%%_*}" + +# Default +WIFENAME=$(echo "$BASENAME" | awk -F '[_.]' '{print $2}' | sed 's/[0-9]*$//') +LOGO_PATH="$HOME/.config/fastfetch/logo/${THEME,,}_small.png" + +# Mapping manual +if [[ "$THEME" =~ "Endfield" ]]; then + LOGO_PATH="$HOME/.config/fastfetch/logo/john_endfield.png" +elif [[ "$THEME" =~ "Arknight" ]]; then + LOGO_PATH="$HOME/.config/fastfetch/logo/john_arknights.png" +elif [[ "$THEME" =~ "Wuthering" ]]; then + LOGO_PATH="$HOME/.config/fastfetch/logo/john_wuthering.png" +elif [[ "$THEME" =~ "Genshin" ]]; then + LOGO_PATH="$HOME/.config/fastfetch/logo/john_genshin.png" +elif [[ "$THEME" =~ "StarRail" ]]; then + LOGO_PATH="$HOME/.config/fastfetch/logo/john_starrail.png" +elif [[ "$THEME" =~ "Zenless" ]]; then + LOGO_PATH="$HOME/.config/fastfetch/logo/john_zenless.png" +else + LOGO_PATH="$HOME/.config/fastfetch/logo/john_wuthering.png" +fi + +# Apply theme +THEME_FILE="$THEMES/$THEME.json" +if [ -f "$THEME_FILE" ]; then + "$WAL_BIN" --theme "$THEME_FILE" +else + "$WAL_BIN" -i "$SELECTED" +fi + +# Update GNOME wallpaper +gsettings set org.gnome.desktop.background picture-uri-dark "file://$SELECTED" +gsettings set org.gnome.desktop.screensaver picture-uri "file://$SELECTED" + +# Update fastfetch config +tmpfile=$(mktemp) +jq --arg logo "$LOGO_PATH" \ + --arg wife "$WIFENAME" \ + ' + .logo.source = $logo + | (.modules[] | select(.key? == "wife ").format) = $wife + ' "$FASTFETCH_CFG" > "$tmpfile" && mv "$tmpfile" "$FASTFETCH_CFG" + +touch "$HOME/.config/fastfetch/.reload_flag" + +# Run pywal hooks +$HOOKS +$HOME/.local/bin/pywalfox update \ No newline at end of file diff --git a/.script/wlogout-pywalsync.sh b/.script/wlogout-pywalsync.sh new file mode 100755 index 0000000..72b4065 --- /dev/null +++ b/.script/wlogout-pywalsync.sh @@ -0,0 +1,20 @@ +#!/bin/bash + +# Path +WALLPAPER=$(gsettings get org.gnome.desktop.background picture-uri-dark \ + | sed -E "s/^'file:\/\///; s/^\"file:\/\///; s/'$//; s/\"$//") +WALL_DIR="$HOME/Pictures/Wallpaper" +WALL_NAME="$(basename "$WALLPAPER")" +BLUR_BG="$HOME/.config/wlogout/images/wallpaper_blurred.png" +WALCSS="$HOME/.cache/wal/colors-waybar.css" +WL_TEMPLATE="$HOME/.config/wlogout/style-template.css" +WLCSS="$HOME/.config/wlogout/style.css" + +mkdir -p "$(dirname "$BLUR_BG")" + +# Generate Blurred Wallpaper +magick "$WALL_DIR/$WALL_NAME" -resize 1920x1080^ -gravity center -extent 1920x1080 -blur 0x8 -fill black -colorize 65% "$BLUR_BG" + + +# === UPDATE STYLE.CSS === +cat "$WL_TEMPLATE" > "$WLCSS" \ No newline at end of file diff --git a/BetterDiscord/bd-header.css b/BetterDiscord/bd-header.css new file mode 100644 index 0000000..6ec911e --- /dev/null +++ b/BetterDiscord/bd-header.css @@ -0,0 +1,7 @@ +/** + * @name Rion Zaphkiel (Pywal Integrated) + * @version 1.2.1 + * @description A custom theme for BetterDiscord that integrates with Pywal by pasting the color cache. + * @author Rion + */ + diff --git a/BetterDiscord/bd-template.css b/BetterDiscord/bd-template.css new file mode 100644 index 0000000..1575e90 --- /dev/null +++ b/BetterDiscord/bd-template.css @@ -0,0 +1,3631 @@ + +/* ========================================================================== + 1. Theme Variables + ========================================================================== */ + +:root { + /* -- Theme Accent Colors (Mapped to Pywal) -- */ + --main-color: var(--color1); /* Main accent color */ + --hover-color: var(--color3); /* Hover accent color */ + --success-color: #43b581; /* Keeping static for clarity */ + --danger-color: #982929; /* Keeping static for clarity */ + --warning-color: #fff; + --info-color: #fff; + + /* -- STATUS COLORS -- */ + --online-color: #43b581; + --idle-color: #faa61a; + --dnd-color: #982929; + --streaming-color: #593695; + --offline-color: #808080; + + /* -- APP BACKGROUND -- */ + --background-shading-percent: 200%; + --background-image: var(--wallpaper); + --background-position: center; + --background-size: cover; + --background-attachment: fixed; + --background-filter: saturate(calc(var(--saturation-factor, 1) * 1)); + + /* -- USER POPOUT & MODAL BACKGROUND -- */ + --user-popout-image: var(--background-image); + --user-popout-position: var(--background-position); + --user-popout-size: var(--background-size); + --user-popout-attachment: var(--background-attachment); + --user-popout-filter: var(--background-filter); + --user-modal-image: var(--background-image); + --user-modal-position: var(--background-position); + --user-modal-size: var(--background-size); + --user-modal-attachment: var(--background-attachment); + --user-modal-filter: var(--background-filter); + + /* -- HOME ICON -- */ + --home-icon: url(https://clearvision.github.io/icons/discord.svg); + --home-size: cover; + + /* -- FONTS -- */ + --main-font: "gg sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + --code-font: Consolas, "gg mono", "Liberation Mono", Menlo, Courier, monospace; + + /* -- CHANNEL & TEXT COLORS (Mapped to Pywal) -- */ + --channel-normal: var(--color7); + --channel-muted: var(--color8); + --channel-hover: var(--color15); + --channel-selected: var(--color0); + --channel-selected-bg: var(--main-color); + --channel-unread: var(--main-color); + --channel-unread-hover: var(--hover-color); + + /* -- ACCESSIBILITY -- */ + --focus-color: var(--main-color); + + /* -- DISCORD OVERRIDES -- */ + --brand-experiment: var(--main-color) !important; + --brand-experiment-560: var(--main-color) !important; + --brand-experiment-600: var(--main-color) !important; + --text-normal: var(--color15) !important; + --text-muted: var(--color7) !important; + --interactive-normal: var(--color7) !important; + --interactive-hover: var(--color15) !important; + --interactive-active: var(--color1) !important; /* Black text for active elements */ + --background-modifier-accent: rgba(255, 255, 255, 0.06) !important; + --scrollbar-auto-thumb: var(--main-color) !important; + --scrollbar-auto-track: transparent !important; +} + +/* ========================================================================== + 2. Theme Specific Shading + ========================================================================== */ + +:is(.theme-dark, .theme-light .theme-dark, .theme-darker, .theme-midnight) { + --background-shading: rgba(0, 0, 0, 0.4); + --card-shading: rgba(0, 0, 0, 0.2); + --popout-shading: rgba(0, 0, 0, 0.6); + --modal-shading: rgba(0, 0, 0, 0.4); + --input-shading: rgba(255, 255, 255, 0.05); + --normal-text: var(--color15); + --muted-text: var(--color7); +} + + +/* ========================================================================== + 3. Base Variables & HSL Conversions + ========================================================================== */ + +:is(.theme-light, .theme-dark, .theme-darker, .theme-midnight) { + --text-default: hsl(from var(--normal-text) h calc(var(--saturation-factor, 1) * s) l / alpha); + --text-muted: hsl(from var(--muted-text) h calc(var(--saturation-factor, 1) * s) l / alpha); + --text-link: var(--hsl-main-color); + --text-brand: var(--hsl-main-color); + --text-feedback-positive: var(--hsl-success-color); + --text-danger: var(--hsl-danger-color); + --hsl-background-shading: hsl(from var(--background-shading) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-card-shading: hsl(from var(--card-shading) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-popout-shading: hsl(from var(--popout-shading) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-modal-shading: hsl(from var(--modal-shading) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-input-shading: hsl(from var(--input-shading) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-input-border-shading: hsl(from var(--hsl-input-shading) h s l / 0.1); +} + +:root { + --hsl-main-color: hsl(from var(--main-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-hover-color: hsl(from var(--hover-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-success-color: hsl(from var(--success-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-warning-color: hsl(from var(--warning-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-danger-color: hsl(from var(--danger-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-info-color: hsl(from var(--info-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-online-color: hsl(from var(--online-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-idle-color: hsl(from var(--idle-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-dnd-color: hsl(from var(--dnd-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-streaming-color: hsl(from var(--streaming-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-offline-color: hsl(from var(--offline-color) h calc(var(--saturation-factor, 1) * s) l / alpha); + --hsl-channel-normal: var(--channel-normal); + --hsl-channel-muted: var(--channel-muted); + --hsl-channel-hover: var(--channel-hover); + --hsl-channel-selected: var(--channel-selected); + --hsl-channel-selected-bg: var(--channel-selected-bg); + --hsl-channel-unread: var(--channel-unread); + --hsl-channel-unread-hover: var(--channel-unread-hover); + --font-primary: var(--main-font); + --font-display: var(--main-font); + --font-code: var(--code-font); + --focus-primary: var(--focus-color); +} + + +/* ========================================================================== + 4. Animations & Core Styles + ========================================================================== */ + +@keyframes cv-channel-select { + from { + right: 100%; + } + to { + right: 0; + } +} +@keyframes cv-card-loading { + 0% { + opacity: 0.66; + } + 50% { + opacity: 0.33; + } + 100% { + opacity: 0.66; + } +} + +/* ========================================================================== + 5. Component Styles + ========================================================================== */ +.info__2debe::after { + content: "Rion Zaphkiel" " " "1.2.1"; + color: var(--text-muted); + font-size: 12px; + line-height: 1.3333333333; + font-weight: 400; + font-family: var(--font-primary); +} +.visual-refresh:not(.platform-osx) .leading_c38106::before { + position: static; + content: "Rion Zaphkiel"; + margin-left: 10px; + font-size: 16px; + font-weight: 600; + color: var(--text-default); + order: 2; + filter: drop-shadow(0 0 5px var(--hsl-main-color)); +} +.visual-refresh:not(.platform-osx) .leading_c38106::after { + content: "1.2.1"; + position: static; + margin-top: -5px; + margin-left: 5px; + font-family: var(--code-font); + font-size: 11px; + font-weight: 600; + color: var(--text-muted); + order: 3; +} +.button__201d5 { + border-radius: 4px; +} +.lookFilled__201d5:is(.colorBrand__201d5, .colorPrimary__201d5) { + background-color: var(--hsl-main-color); + border: none; + color: #000000; /* Black text on main color buttons */ +} +.lookFilled__201d5:is(.colorBrand__201d5, .colorPrimary__201d5):hover { + background-color: var(--hsl-hover-color); +} +.lookFilled__201d5:is(.colorBrand__201d5, .colorPrimary__201d5):disabled { + background-color: var(--hsl-main-color); +} +.lookFilled__201d5.colorGreen__201d5 { + background-color: var(--hsl-success-color); + border: none; +} +.lookFilled__201d5.colorGreen__201d5:hover { + background-color: hsl(from var(--hsl-success-color) h s l/0.8); +} +.lookFilled__201d5.colorGreen__201d5:disabled { + background-color: hsl(from var(--hsl-success-color) h s l/0.8); +} +.lookFilled__201d5.colorRed__201d5 { + background-color: var(--hsl-danger-color); + border: none; +} +.lookFilled__201d5.colorRed__201d5:hover { + background-color: hsl(from var(--hsl-danger-color) h s l/0.8); +} +.lookFilled__201d5.colorRed__201d5:disabled { + background-color: var(--hsl-danger-color); +} +.lookFilled__201d5:is(.colorWhite__201d5, .colorBrandInverted__201d5) { + color: var(--hsl-main-color); + border: none; +} +.lookFilled__201d5:is(.colorWhite__201d5, .colorBrandInverted__201d5):hover { + color: var(--hsl-hover-color); +} +.lookOutlined__201d5:is(.colorBrand__201d5, .colorPrimary__201d5) { + border-color: var(--hsl-main-color); +} +.lookOutlined__201d5:is(.colorBrand__201d5, .colorPrimary__201d5):hover { + border-color: var(--hsl-hover-color); + background-color: var(--hsl-hover-color); +} +.lookOutlined__201d5.colorGreen__201d5 { + border-color: var(--hsl-success-color); +} +.lookOutlined__201d5.colorGreen__201d5:hover { + border-color: hsl(from var(--hsl-success-color) h s l/0.8); + background-color: hsl(from var(--hsl-success-color) h s l/0.8); +} +.lookOutlined__201d5.colorRed__201d5 { + background-color: rgba(0, 0, 0, 0); + border-color: var(--hsl-danger-color); + color: var(--button-outline-brand-text); +} +.lookOutlined__201d5.colorRed__201d5:hover { + border-color: hsl(from var(--hsl-danger-color) h s l/0.8); + background-color: hsl(from var(--hsl-danger-color) h s l/0.8); + color: var(--button-outline-brand-text); +} +.lookLink__201d5 .contents__201d5 { + background: none; +} +.lookLink__201d5:hover .contents__201d5 { + text-decoration: underline; +} +:is(.theme-light, .theme-dark) + .lookLink__201d5:is(.colorPrimary__201d5, .colorLink__201d5) { + color: var(--hsl-main-color); +} +.lookLink__201d5.colorBrand__201d5 { + color: var(--hsl-main-color); +} +.lookLink__201d5.colorRed__201d5 { + color: var(--hsl-danger-color); +} +.button__6af3a { + border-radius: 4px; +} +.primary__6af3a { + background: var(--hsl-main-color); + border-color: rgba(0, 0, 0, 0); +} +.primary__6af3a:hover { + background: var(--hsl-hover-color); + border-color: rgba(0, 0, 0, 0); +} +.secondary__6af3a { + background: rgba(0, 0, 0, 0); + border-color: var(--hsl-main-color); +} +.secondary__6af3a:hover { + background: rgba(0, 0, 0, 0); + border-color: var(--hsl-hover-color); +} +.active__6af3a { + background: var(--hsl-success-color); + border-color: rgba(0, 0, 0, 0); +} +.active__6af3a:hover { + background: hsl(from var(--hsl-success-color) h s l/0.8); + border-color: rgba(0, 0, 0, 0); +} +.critical-primary__6af3a { + background: var(--hsl-danger-color); + border-color: rgba(0, 0, 0, 0); +} +.critical-primary__6af3a:hover { + background: hsl(from var(--hsl-danger-color) h s l/0.8); + border-color: rgba(0, 0, 0, 0); +} +.critical-secondary__6af3a { + background: rgba(0, 0, 0, 0); + border-color: var(--hsl-danger-color); + color: var(--control-text-critical-primary-default); +} +.critical-secondary__6af3a:hover { + background: rgba(0, 0, 0, 0); + border-color: hsl(from var(--hsl-danger-color) h s l/0.8); + color: var(--control-text-critical-primary-default); +} +.checkbox_f525d3 { + border-radius: 4px; +} +.checkbox_f525d3.checked_f525d3 { + border-color: var(--hsl-main-color); + background-color: rgba(0, 0, 0, 0); +} +.wrapper_d14335 { + background: var(--hsl-input-shading); + border-color: var(--hsl-input-border-shading); +} +.wrapper_d14335:not([data-read-only="true"]):has(input:focus, textarea:focus) { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +.input__0f084::-moz-placeholder { + color: var(--text-muted); +} +.input__0f084::placeholder { + color: var(--text-muted); +} +.item__001a7[aria-checked="true"] { + background-color: rgba(0, 0, 0, 0); +} +.refreshIconStroke__001a7 { + r: 10 !important; + stroke: var(--interactive-active); +} +.refreshIcon__001a7 { + fill: var(--interactive-active); +} +.radioIndicatorChecked__001a7 { + color: var(--interactive-active); +} +.radioIndicatorChecked__001a7 .refreshIconFill__001a7 { + fill: none; +} +.radioIndicatorChecked__001a7 .refreshIconStroke__001a7 { + stroke: var(--interactive-active); +} +.radioBar__001a7 { + background-color: var(--hsl-card-shading); + transition: all 0.1s ease; +} +.radioBar__001a7:hover { + box-shadow: inset 0 0 0 2px + var(--radio-bar-accent-color, var(--hsl-hover-color)); +} +.item__001a7[aria-checked="true"] .radioBar__001a7 { + background-color: var(--radio-bar-accent-color, var(--hsl-main-color)); +} +.slider_a562c8 .bar_a562c8, +.slider_a562c8 .markDash_a562c8 { + background: var(--hsl-card-shading); +} +.slider_a562c8 .barFill_a562c8 { + background: var(--hsl-main-color); +} +.slider_a562c8 .grabber_a562c8 { + filter: drop-shadow(0 0 3px var(--hsl-main-color)); +} +.container__87bf1 { + background: hsl(from var(--interactive-normal) h s l/0.2) !important; +} +.container__87bf1.checked__87bf1 { + background: var(--hsl-main-color) !important; +} +.container__87bf1.checked__87bf1 path { + fill: var(--hsl-main-color); +} +.top_b3f026 .item_b3f026 { + --selected-tab-item-color: var(--hsl-hover-color); +} +.top_b3f026 .item_b3f026.selected_b3f026 { + --selected-tab-item-color: var(--hsl-main-color); + color: var(--interactive-active); +} +:is(.topPill_b3f026, .side_b3f026) + .themed_b3f026.item_b3f026:hover:not(.disabled_b3f026) { + background-color: var(--background-mod-subtle); +} +:is(.topPill_b3f026, .side_b3f026) .themed_b3f026.item_b3f026.selected_b3f026 { + background-color: var(--hsl-main-color); +} +:is(.topPill_b3f026, .side_b3f026) + .themed_b3f026.item_b3f026.selected_b3f026:hover:not(.disabled_b3f026) { + background-color: var(--hsl-main-color); +} +.header_b3f026 { + color: var(--hsl-main-color); + display: flex; + align-items: center; + justify-content: center; +} +.header_b3f026::before { + content: ""; + height: 2px; + flex-grow: 1; + background: linear-gradient(to left, var(--hsl-main-color) 50%, transparent); + margin-right: 5px; +} +.header_b3f026::after { + content: ""; + height: 2px; + flex-grow: 1; + background: linear-gradient(to right, var(--hsl-main-color) 50%, transparent); + margin-left: 5px; +} +.container_a45028 { + background: var(--hsl-input-shading); + border-color: var(--hsl-input-border-shading); +} +.container_a45028:focus-within { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +.container_fea832 { + background: var(--hsl-input-shading); + border-color: var(--hsl-input-border-shading); +} +.container_fea832:focus-within { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +:is(html, body, .appMount__51fd7) { + background: none; +} +.app_a3002d { + background: var(--hsl-background-shading); + color: rgba(0, 0, 0, 0); +} +.app__160d8 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.1) + ); +} +.bg__960e4 { + background: var(--background-image) var(--background-position) / + var(--background-size) no-repeat; + background-attachment: var(--background-attachment); + filter: var(--background-filter); + z-index: -1; +} +.container_a2f514 { + background: var(--hsl-background-shading); +} +.wanderingCubes__0b5bb .item__0b5bb { + background: var(--hsl-main-color); +} +.path__0b5bb { + stroke: var(--hsl-main-color); +} +.focus-rings-ring { + box-shadow: 0 0 0 4px var(--focus-color); +} +::-moz-placeholder { + font-family: var(--main-font); +} +body, +button, +input, +select, +textarea, +::placeholder { + font-family: var(--main-font); +} +code { + font-family: var(--code-font); +} +::-moz-selection { + background: var(--hsl-main-color); + color: var(--text-default); +} +::selection { + background: var(--hsl-main-color); + color: var(--text-default); +} +.bar_c38106 { + background-color: rgba(0, 0, 0, 0); + padding-left: 0; +} +.leading_c38106 { + gap: 0; + margin: 0 6px; +} +.notice__6e2b9 { + border-radius: 4px; +} +.colorBrand__6e2b9 { + --custom-notice-background: hsl(from var(--hsl-main-color) h s l/.8); +} +.colorDanger__6e2b9 { + --custom-notice-background: hsl(from var(--hsl-danger-color) h s l/.8); +} +.colorStreamerMode__6e2b9 { + --custom-notice-background: hsl(from var(--hsl-streaming-color) h s l/.8); +} +:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar { + width: 14px; +} +:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar-thumb, +:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar-track { + border: 3px solid rgba(0, 0, 0, 0); + border-radius: 7px; +} +:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0); +} +:is(.thin__99f8c, .thin_d125d2)::-webkit-scrollbar { + width: 8px; +} +:is(.thin__99f8c, .thin_d125d2)::-webkit-scrollbar-thumb, +:is(.thin__99f8c, .thin_d125d2)::-webkit-scrollbar-track { + border: 3px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} +:is( + :is(.auto__99f8c, .auto_d125d2), + :is(.thin__99f8c, .thin_d125d2) + )::-webkit-scrollbar-thumb { + background-color: var(--hsl-main-color); +} +:is( + :is(.auto__99f8c, .auto_d125d2), + :is(.thin__99f8c, .thin_d125d2) + )::-webkit-scrollbar-thumb:active { + background-color: var(--hsl-hover-color); +} +.mediaBarProgress_b26b79, +.mediaBarProgress_b26b79::before, +.mediaBarProgress_b26b79::after { + background: var(--hsl-main-color); +} +.mediaBarGrabber_b26b79, +.mediaBarInteraction_b26b79:hover .mediaBarGrabber_b26b79, +.mediaBarInteractionDragging_b26b79 .mediaBarGrabber_b26b79 { + background: var(--hsl-main-color); +} +.authBox__921c5 { + background-color: var(--hsl-modal-shading); +} +.list__920b8 { + background-color: var(--background-mod-subtle); +} +.navRow__86e92 { + background-color: rgba(0, 0, 0, 0); +} +.numberBadge__2b1f5, +.textBadge__2b1f5 { + background: var(--hsl-main-color) !important; + color: #000000; /* Black text on badges */ +} +.refresh-fast-follow-guild-bg.visual-refresh .bg__960e4 { + background: var(--background-image) var(--background-position) / + var(--background-size) no-repeat; + background-attachment: var(--background-attachment); + filter: var(--background-filter); + z-index: -1; +} +.refresh-fast-follow-guild-bg.visual-refresh .guilds_c48ade { + background: rgba(0, 0, 0, 0); +} +.chat_f75fb0 { + background: rgba(0, 0, 0, 0); +} +.chat_f75fb0[data-has-border="true"] { + border: none; +} +.chat_f75fb0.threadSidebarOpen_f75fb0 { + border-bottom-right-radius: 0; +} +.theme-midnight .content_f75fb0 { + border: none; +} +.chatContent_f75fb0, +.scroller__28a87 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.wrapper_d852db, +.wrapper_fc8177 { + background-color: rgba(0, 0, 0, 0); +} +.wrapper_d852db { + animation: cv-card-loading 1.5s infinite ease-in-out; +} +.wrapper_f7ecac { + background-color: var(--hsl-popout-shading); + border-color: var(--hsl-popout-shading); + box-shadow: none; +} +.noChannel__01d5c { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.chatHeaderBar_dc83f5 { + background: rgba(0, 0, 0, 0); +} +.role_b4b2c3 { + background: hsl(from var(--custom-role-label-color) h s l/0.2); +} +.form_f75fb0 { + margin-top: 4px; +} +.channelTextArea__74017 { + background-color: var(--hsl-input-shading); + box-shadow: 0 0 0 2px var(--hsl-input-border-shading); + border-color: rgba(0, 0, 0, 0); +} +.channelTextArea__74017:focus-within { + border-color: rgba(0, 0, 0, 0); + box-shadow: 0 0 2px 2px var(--hsl-main-color); +} +.stackedBars__74017, +.channelAttachmentArea_b77158 { + background: rgba(0, 0, 0, 0); +} +.upload_aa605f { + background: var(--hsl-card-shading); + border: none; +} +.threadSuggestionBar__841c8, +.themedBackground__74017 { + background: rgba(0, 0, 0, 0); +} +.scrollableContainer__74017::-webkit-scrollbar-thumb { + background-color: var(--hsl-main-color); +} +.inlineCode_ada32f, +.after_inlineCode_ada32f, +.before_inlineCode_ada32f { + background: hsl( + from var(--hsl-card-shading) h s calc(100 - l) / calc(alpha * 0.5) + ); +} +.activeButtonChild_aa63ab { + color: var(--interactive-normal); +} +:is(.theme-light, .theme-dark) + .button_aa63ab:is(:focus, :focus-within, :hover) + .activeButtonChild_aa63ab { + color: var(--interactive-active); +} +.toolbar_bba883 { + background-color: var(--hsl-popout-shading); +} +.toolbar_bba883::before { + border-top-color: var(--hsl-popout-shading); +} +.wrapper_cb9592, +.channelChatWrapper_cb9592 { + background: rgba(0, 0, 0, 0); +} +.callContainer_cb9592 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); + border: none; +} +.root_bfe55a { + background: rgba(0, 0, 0, 0); +} +.gradientBackground__11664 { + background: none; +} +.sphere__11664 { + background: none; + border: none; + animation: none; +} +.pulseGradient__11664 { + display: none; +} +.buttonSection__1405b.experimentButtonSection__1405b { + background: var(--hsl-popout-shading); + border: none; + border-radius: 4px; +} +.colorable_f1ceac.disconnect_f1ceac { + background: var(--hsl-danger-color); +} +.border__2f4f7.speaking__2f4f7 { + box-shadow: inset 0 0 0 2px var(--hsl-main-color); +} +.wrapper_cb9592.minimum_cb9592 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.6) + ); +} +.quickSelectPopout_ebaca5 { + background: var(--hsl-popout-shading); +} +.divider__908e2 { + --divider-color: var(--hsl-main-color); +} +.divider__908e2.hasContent__908e2 { + border-color: rgba(0, 0, 0, 0); +} +.content__908e2 { + display: flex; + flex: 1; + background: rgba(0, 0, 0, 0); + align-items: center; + font-weight: 700; +} +.content__908e2::before, +.content__908e2::after { + content: ""; + height: 1px; + flex-grow: 1; + background: var(--background-mod-subtle); +} +.content__908e2::before { + margin-right: 10px; +} +.content__908e2::after { + margin-left: 10px; +} +.isUnread__908e2 .content__908e2::before, +.isUnread__908e2 .content__908e2::after { + background: var(--divider-color); +} +.avatar_c19a55 { + transition: all 0.3s ease-in-out, transform 0.1s ease-in-out; +} +.avatar_c19a55.clickable_c19a55:active { + transform: scale(0.9); +} +.botTagRegular__82f07 { + background: var(--hsl-main-color); + color: #000000; /* Black text on bot tags */ +} +.operations_bab751 a { + color: var(--hsl-main-color); +} +.content__235ca a { + color: var(--text-link); +} +.markup__75297 code { + background: var(--hsl-card-shading); + border: 1px solid var(--hsl-card-shading-inverted); +} +.markup__75297 code.inline { + border: none; + background: hsl( + from var(--hsl-card-shading) h s calc(100 - l) / calc(alpha * 0.5) + ); + padding: 2px 6px; +} +.repliedMessageClickableSpine_c19a55 { + border-color: var(--hsl-main-color); +} +.repliedMessageClickableSpine_c19a55:hover, +.repliedMessageClickableSpine_c19a55.repliedMessageContentHovered_c19a55 { + border-color: var(--hsl-hover-color); +} +.repliedTextPreview_c19a55 { + color: var(--text-default); + opacity: 0.7; +} +.repliedTextPreview_c19a55 .clickable_c19a55:hover, +.repliedTextPreview_c19a55 .repliedMessageClickableSpineHovered_c19a55 { + opacity: 1; +} +.messageSpine_c19a55::before { + border-color: var(--hsl-main-color); +} +.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55 { + color: var(--hsl-main-color); + background: rgba(0, 0, 0, 0); +} +.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55:hover { + color: var(--hsl-hover-color); + background: rgba(0, 0, 0, 0); +} +.replying__5126c { + --background-mentioned: hsl(from var(--hsl-main-color) h s l/.1); + --background-mentioned-hover: hsl(from var(--hsl-hover-color) h s l/.1); + background: var(--background-mentioned); +} +.replying__5126c:hover, +.replying__5126c .selected__5126c { + background: var(--background-mentioned-hover) !important; +} +.replying__5126c::before { + background: var(--hsl-hover-color); +} +.wrapper_f61d60 { + background-color: var(--hsl-main-color); + color: #000000; /* Black text */ + border-radius: 5px; + padding: 0 4px; +} +.wrapper_f61d60:hover { + background-color: var(--hsl-hover-color); +} +.mentioned__5126c { + --background-mentioned: hsl(from var(--hsl-main-color) h s l/.1); + --background-mentioned-hover: hsl(from var(--hsl-hover-color) h s l/.1); +} +.mentioned__5126c:before { + background-color: var(--hsl-main-color); +} +.blockquoteContainer__75297 .blockquoteDivider__75297 { + border-radius: 0; +} +.bumpBox_cacd02 { + background: var(--hsl-card-shading); +} +.embedFull__623de { + background: var(--hsl-card-shading); + border-top: none; + border-right: none; + border-bottom: none; +} +.hoverButtonGroup__06ab4 { + background: var(--hsl-popout-shading); +} +.hoverButton__06ab4.selected__06ab4, +.hoverButton__06ab4:hover { + background: rgba(0, 0, 0, 0); +} +.file__0ccae { + background: var(--hsl-card-shading); + border: none; +} +.progressBar__89dcd { + background: var(--hsl-main-color) !important; +} +.wrapper_d5f3cd { + background: var(--hsl-card-shading); + border: none; +} +.statusOnline_d5f3cd { + background: var(--hsl-online-color); +} +.statusOffline_d5f3cd { + background: var(--hsl-offline-color); +} +.guildInviteContainer__083ae { + background: var(--hsl-card-shading); +} +.footerContent__083ae { + background: none; +} +.tile__72090 { + background: var(--hsl-card-shading); + border: none; +} +.tile__72090:hover { + background: var(--hsl-card-shading); +} +.wrapperAudio_cf09d8 { + background: var(--hsl-card-shading); + border: none; +} +.audioControls_cf09d8 { + background: rgba(0, 0, 0, 0); +} +.wrapper_cf09d8 { + background: var(--hsl-card-shading); +} +.textContainer__4d95d, +.footer__4d95d { + background: var(--hsl-card-shading); + border: none; +} +.codeView__4d95d { + background: rgba(0, 0, 0, 0); +} +.languageSelector__4d95d { + background: var(--hsl-popout-shading); +} +.modalTextContainer__4d95d { + background: rgba(0, 0, 0, 0); + border: none; +} +.cozy_c19a55.hasThread_c19a55::after { + border-color: var(--hsl-main-color); +} +.container__9271d { + border-color: var(--hsl-main-color); +} +.container__9271d { + background: var(--hsl-card-shading); + border: none; +} +.cta__9271d { + color: var(--hsl-main-color); +} +.container_a8e786 { + background: var(--hsl-card-shading); + border: none; +} +.ripple_a8e786 { + background: var(--hsl-main-color); +} +:is(.theme-light, .theme-dark) + .container_a8e786:not(.playing_a8e786) + .playButtonContainer_a8e786 { + background: var(--hsl-main-color); +} +:is(.theme-light, .theme-dark) + .container_a8e786:not(.playing_a8e786) + .playButtonContainer_a8e786:is(:hover, :active) { + background: var(--hsl-hover-color); +} +.playing_a8e786 .playIcon_a8e786 { + color: var(--hsl-main-color); +} +.embedCard__44492, +.footerContainer__44492 { + background: var(--hsl-card-shading); +} +.dot__44492 { + background: rgba(0, 0, 0, 0); +} +.container_f69538, +.container__0be77 { + background: var(--hsl-card-shading); + border: none; +} +.answer__4c520 .answerInner__4c520.currentlyVoting__4c520.selected__4c520 { + outline: 1px solid var(--hsl-main-color); +} +.secondaryButtonPresentation__0be77 { + background: var(--hsl-main-color); + border: rgba(0, 0, 0, 0); +} +.checkbox_f4f0eb { + border-width: 1px; +} +.radioForeground_f4f0eb { + color: currentColor; +} +.checkboxSelected_f4f0eb { + border: 1px solid var(--hsl-main-color); + background: rgba(0, 0, 0, 0); +} +.votedStyles_a1443c { + --custom-poll-style-vote-percentage: hsl(from var(--hsl-main-color) h s l/.2); + --custom-poll-style-border: var(--hsl-main-color); +} +.container_f369db { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.3) + ); +} +.header_f369db { + background: var(--hsl-input-shading); + border: 2px solid var(--hsl-input-border-shading); +} +.header_f369db .input__0f084 { + background: none; + box-shadow: none; +} +.headerWithMatchingPosts_f369db { + border-bottom: none; + border-color: var(--hsl-main-color); +} +.matchingPostsRow_f369db { + background: var(--hsl-input-shading); + border: 2px solid var(--hsl-input-border-shading); + border-top: 1px solid var(--border-subtle); +} +.container_ca49a1 { + background: var(--hsl-card-shading); + border: none; +} +.descriptionContainer_ca49a1, +.gradient_ca49a1, +.linkContainer_ca49a1 { + background: rgba(0, 0, 0, 0); +} +.pill_a2c9e8 { + background: var(--hsl-card-shading); + border-color: var(--hsl-main-color); + transition: all 0.2s ease; +} +.pill_a2c9e8.clickable_a2c9e8:not(.disabled_a2c9e8):hover { + background: var(--hsl-card-shading); + border-color: var(--hsl-hover-color); +} +.pill_a2c9e8.selected_a2c9e8 { + background: var(--hsl-main-color); + border-color: var(--hsl-main-color); + color: #000000; /* Black text on selected pills */ +} +.pill_a2c9e8.selected_a2c9e8:not(.disabled_a2c9e8):hover { + background: var(--hsl-hover-color); + border-color: var(--hsl-hover-color); +} +.pill_a2c9e8 .container_f8b2d2 { + background: rgba(0, 0, 0, 0); + border: none; +} +.newPostsButton_f369db { + background: var(--hsl-popout-shading); + border-color: rgba(0, 0, 0, 0); +} +:is(.container__9a337, .container_faa96b) { + background: var(--hsl-card-shading); + border: 2px solid rgba(0, 0, 0, 0); +} +:is(.container__9a337, .container_faa96b):hover { + background: var(--hsl-card-shading); + border-color: var(--hsl-hover-color); +} +:is(.container__9a337, .container_faa96b):is(.isOpen__9a337, .isOpen_faa96b) { + background: var(--hsl-card-shading); + border-color: var(--hsl-main-color); +} +.contentPreview__9a337 { + background: var(--hsl-card-shading); + border: none; +} +.pinIcon__08166 { + background: var(--hsl-main-color); +} +.divider_ee23ac { + background: rgba(0, 0, 0, 0); +} +.iconWrapper__7e6bb { + background: var(--hsl-main-color); +} +.icon__7e6bb path { + fill: #000000; /* Black icon fill */ +} +.container__34c2c { + background: rgba(0, 0, 0, 0); + border: none; +} +.active__34c2c { + color: var(--hsl-main-color); +} +.container__93db4 { + background: rgba(0, 0, 0, 0); +} +.icon__93db4 { + background: var(--hsl-main-color); + color: #000000; /* Black icon color */ +} +.cta__93db4 { + color: var(--hsl-main-color); +} +.cta__93db4:hover { + color: var(--hsl-hover-color); +} +.loadingCard_f369db { + background: var(--hsl-card-shading); + animation: cv-card-loading 1.5s infinite ease-in-out; +} +.resizeHandle__01ae2 { + background: rgba(0, 0, 0, 0); +} +.container__01ae2 { + background: rgba(0, 0, 0, 0); + border: none; + border-bottom-left-radius: 0; +} +.container__01ae2.floating__01ae2 { + background: var(--hsl-popout-shading); +} +.container_fb64c9 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.5) + ); +} +.iconWrapper__54b20 { + background: var(--hsl-main-color); +} +.icon__54b20 path { + fill: #000000; /* Black icon fill */ +} +.chatHeaderBar_a5700d { + background-color: var(--hsl-popout-shading); +} +.container_a8217b, +.header_a8217b { + background: rgba(0, 0, 0, 0); +} +.newMessagesBar__0f481 { + top: 4px; + right: 8px; + background: hsl(from var(--hsl-main-color) h s l/0.9); + border-radius: 4px; + transition: all 0.1s ease-in-out; + color: #000000; /* Black text */ +} +.newMessagesBar__0f481:active { + padding-top: 0; + scale: 0.99; +} +.jumpToPresentBar__0f481 { + background: var(--hsl-popout-shading); + border: none; + border-radius: 5px; +} +.messagesErrorBar__0f481 { + background: var(--hsl-danger-color); + border: none; + border-radius: 5px; +} +.wrapper__44df5 { + background: var(--hsl-popout-shading); + border: none; +} +.reactions__23977 { + border-radius: 4px; +} +.reactions__23977 .reactionMe__23977 { + background: hsl(from var(--hsl-main-color) h s l/0.15); + border-color: var(--hsl-main-color); +} +.reactions__23977 .reactionMe__23977 .reactionCount__23977 { + color: var(--interactive-active); +} +:is(.reaction__23977, .reactionBtn__23977):hover { + border: 1px solid var(--hsl-hover-color); +} +.reactionTooltip_b49891 { + background: var(--hsl-popout-shading); +} +:is(.theme-light, .theme-dark) .reactionEmojiDetailsClickable_d5cd2d { + background: var(--hsl-main-color); +} +:is(.theme-light, .theme-dark) .reactionEmojiDetailsClickable_d5cd2d:hover { + background: var(--hsl-hover-color); +} +.burstGlow__23977 { + border-radius: 4px; +} +.searchResultsWrap_a9e706 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.3) + ); + border: none; +} +.searchHeader_f3b986 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.searchResult__02a39 { + background: var(--hsl-card-shading); + border: none; +} +.button__02a39 { + background: var(--hsl-main-color); +} +.button__02a39:hover { + background: var(--hsl-hover-color); + color: var(--interactive-active); +} +:is(.theme-dark, .theme-light) .themed__9293f { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.5) + ); +} +:is(.theme-dark, .theme-light) .dot__9293f { + display: none; +} +.children__9293f::after { + display: none; +} +.akaBadge__488b1 { + background: var(--hsl-main-color); +} +.searchBar__97492 { + background-color: var(--hsl-input-shading); + border-color: var(--hsl-input-border-shading); +} +.searchBar__97492:focus-within { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +.searchFilter_bd8186, +.searchAnswer_bd8186 { + background: var(--hsl-main-color); +} +.searchFilter_bd8186 { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.searchAnswer_bd8186 { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.container_c8ffbb { + background: none; + border: none; +} +.membersWrap_c8ffbb { + background: none; + border: none; +} +.members_c8ffbb { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.3) + ); +} +.mulitplePlaceholderUsername__27cc6, +.placeholderAvatar__27cc6, +.placeholderUsername__27cc6 { + background: var(--hsl-card-shading); +} +.membersGroup_c8ffbb { + display: flex; + color: var(--hsl-main-color); + font-weight: 700; + align-items: center; +} +.membersGroup_c8ffbb:before { + content: ""; + height: 2px; + flex-grow: 1; + background: linear-gradient(to left, currentColor 50%, transparent); + margin-right: 5px; +} +.membersGroup_c8ffbb:after { + content: ""; + height: 2px; + flex-grow: 1; + background: linear-gradient(to right, currentColor 50%, transparent); + margin-left: 5px; +} +.container__0f2e8 { + background: var(--hsl-card-shading); + border-radius: 8px; + border-width: 2px; + padding-left: 10px; +} +.selected__0f2e8, +.selected__0f2e8:hover { + background: var(--hsl-card-shading); + border-color: var(--hsl-main-color); +} +.popoutContentWrapper_af3b89, +.interactionsContainer_af3b89 { + background: var(--hsl-popout-shading); +} +.interactionsContainerHeader_af3b89 { + border: none; +} +.member__5d473 { + background: rgba(0, 0, 0, 0); + backface-visibility: hidden; +} +.memberInner__5d473 { + position: relative; + width: 100%; + transition: all 0.15s ease-in-out, transform 0.1s ease-in-out; + z-index: 1; +} +.memberInner__5d473:active { + transform: scale(0.9); +} +.name__91a9d { + width: -moz-fit-content; + width: fit-content; +} +.member__5d473 .nameContainer__703b9 { + position: static; + transition: all 0.15s ease-in-out; + z-index: unset; +} +.member__5d473 .nameContainer__703b9:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: linear-gradient( + to right, + var(--background-mod-subtle) 90%, + transparent + ); + border-radius: 3px; + opacity: 0; + transition: all 0.15s ease-in-out; + z-index: -1; +} +.member__5d473 .nameContainer__703b9:after { + content: ""; + position: absolute; + top: 0; + right: 100%; + bottom: 0; + left: 0; + background: linear-gradient(to right, var(--hsl-main-color) 90%, transparent); + border-radius: 3px; + opacity: 0.8; + transition: all 0.3s ease-in-out; + z-index: -1; +} +.member__5d473 .nameContainer__703b9[style^="color:"]:before, +.member__5d473 .nameContainer__703b9[style^="color:"]:after { + background: linear-gradient(to right, currentColor 90%, transparent); +} +.nameplated__91a9d .member__5d473 .nameContainer__703b9[style^="color:"]:before, +.nameplated__91a9d .member__5d473 .nameContainer__703b9[style^="color:"]:after { + background: linear-gradient(to right, currentColor, transparent); +} +.truncated_c9d15c { + color: var(--text-muted); + transition: all 0.15s ease-in-out; +} +.truncated_c9d15c strong { + color: var(--hsl-main-color); + font-weight: 700; + transition: all 0.15s ease-in-out; +} +.member__5d473:hover .childContainer__91a9d { + background: rgba(0, 0, 0, 0); +} +.member__5d473:hover .nameContainer__703b9:before { + opacity: 1; +} +.member__5d473:hover .nameContainer__703b9[style^="color:"]:before { + opacity: 0.07; +} +.selected__91a9d .childContainer__91a9d { + background-color: rgba(0, 0, 0, 0); +} +.selected__91a9d .nameContainer__703b9 { + -webkit-text-fill-color: var(--interactive-active); + text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); +} +.selected__91a9d .nameContainer__703b9:after { + right: 0; +} +.selected__91a9d .truncated_c9d15c, +.selected__91a9d strong { + color: var(--interactive-active); + text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); +} +.selected__91a9d .ownerIcon__5d473 { + filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7)); +} +.container__4413f { + background: var(--hsl-popout-shading); +} +.ctaButton__4413f { + background: var(--hsl-main-color); + border: none; +} +.root__49fc1 { + background: var(--hsl-modal-shading); + border: none; + box-shadow: none; +} +.header__49fc1, +.content__49fc1, +.footer__49fc1 { + background: rgba(0, 0, 0, 0); +} +.container_eb2cd2 { + border: 2px solid rgba(0, 0, 0, 0); + background: var(--background-mod-subtle); +} +.container_eb2cd2:hover { + border-color: var(--hsl-hover-color); +} +.iconContainer__98cf7 circle { + fill: var(--hsl-main-color); +} +.rowContainer__991a0 { + border: 2px solid rgba(0, 0, 0, 0); + background: var(--background-mod-subtle); +} +.rowContainer__991a0:hover { + border-color: var(--hsl-hover-color); + background: var(--background-mod-subtle); +} +.keyboardShortcutsModal_f061f6, +.keybindGroup_f061f6 { + background: var(--hsl-modal-shading); +} +.combo_fcddc1 .key_fcddc1 { + border-color: var(--hsl-hover-color); + box-shadow: inset 0 -4px var(--hsl-hover-color); +} +.combo_fcddc1 .key_fcddc1:active { + border-color: var(--hsl-main-color); + box-shadow: inset 0 -2px var(--hsl-main-color); +} +.quickswitcher_ac6cb0 { + background: var(--hsl-modal-shading); + border: none; +} +.scroller_ac6cb0 { + background: rgba(0, 0, 0, 0); +} +.scroller_ac6cb0::-webkit-scrollbar { + width: 10px; +} +.scroller_ac6cb0::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0) !important; +} +.input_ac6cb0 { + background: var(--hsl-input-shading); + border: 2px solid var(--hsl-input-border-shading); +} +.input_ac6cb0:focus-within { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +.result__71961[aria-selected="true"] { + background: var(--hsl-hover-color); +} +.scroller_cc2dff, +.reactors_cc2dff { + background: rgba(0, 0, 0, 0); +} +.reactionSelected_cc2dff { + border: 1px solid var(--hsl-main-color); +} +.pillContainer__9e06a { + background: var(--background-mod-subtle); +} +.pillItemSelected__9e06a { + background: var(--hsl-main-color); +} +.source_febe19:hover:not(.selectedSource_febe1) + .sourcePreviewContainer_febe19:before { + border-color: var(--hsl-main-color); +} +.spinner_ca0af2 { + background: rgba(0, 0, 0, 0); +} +.customGiftBoxHighlighted_d50aac { + border-color: var(--hsl-main-color); +} +.iconBackground__33980 { + background: var(--hsl-main-color); + color: #000000; /* Black icon color */ +} +.selectionBox_b13085 { + background: var(--background-mod-subtle); + outline: none; +} +.selectedPlan_b13085 { + background: var(--background-mod-subtle); + outline: 2px solid var(--hsl-main-color); +} +.previewContainerSelected__50f14 { + background: var(--background-mod-subtle); + outline: 2px solid var(--hsl-main-color); + border: none; +} +.customGiftMessage_bf1b4a { + background: rgba(0, 0, 0, 0); +} +.wrapper__4106a { + background: rgba(0, 0, 0, 0); +} +.cardInput__8b579 { + background-color: var(--hsl-input-shading); + border-color: var(--hsl-input-border-shading); +} +.cardInputFocused__8b579 { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +.content_a8c622, +.upsellFooter__5e07c { + background: rgba(0, 0, 0, 0); +} +:is(.theme-light, .theme-dark) .iconWrapper__96f95 { + background: var(--background-mod-subtle); +} +.value__96f95, +.value__96f95:focus { + box-shadow: none; +} +.uploadDropModal_dbca3c .bgScale_dbca3c { + background: var(--hsl-main-color); +} +.uploadDropModal_dbca3c .inner_dbca3c { + border-color: #000000; /* Black border */ +} +.selectorButton__0907c { + background: var(--background-mod-subtle); +} +:is(.theme-light, .theme-dark) .item__3d4a0 { + border-color: var(--hsl-main-color); +} +.selectorButtonSelected__0907c { + background: var(--hsl-main-color); +} +.radioItemStyles__837b7 { + background: rgba(0, 0, 0, 0); +} +.banReasonOtherClickable__837b7 { + background: var(--background-mod-subtle); +} +.modal__9a792 { + background: var(--hsl-modal-shading) !important; +} +.browser__9a792 { + background: rgba(0, 0, 0, 0); +} +.pillIconOnline__921c5 { + background: var(--hsl-online-color); +} +.editProfileContainer__42179 { + background: var(--hsl-popout-shading); +} +:is(.actionButtons_cc1819, .closeButton__6088c) { + background: var(--hsl-modal-shading); +} +.container__53cea { + background: var(--hsl-modal-shading); + border: none; +} +.defaultTextInput__7b848 { + background: rgba(0, 0, 0, 0); +} +.defaultTextInput__7b848:focus { + box-shadow: none; +} +.addAnswerButton_d97f89:hover { + background-color: var(--background-mod-subtle); + box-shadow: inset 0 0 0 1px var(--hover-color); +} +.scroller__01c8c, +.voters__01c8c { + background: rgba(0, 0, 0, 0); +} +.scroller__6fd0e { + background: rgba(0, 0, 0, 0); +} +.headerWave__1dfae { + background: rgba(0, 0, 0, 0); + color: rgba(0, 0, 0, 0); +} +.bodyWave__1dfae { + display: none; +} +.topPerksCard__3add8, +.card__4d7bb, +.wrapper__5b98e { + background: var(--hsl-card-shading); +} +.innerWrapper_b4589b { + background: var(--hsl-popout-shading); +} +:is(.theme-dark, .theme-light) .header__0b563 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.5) + ) !important; + border-top: none; +} +.container__0b563 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ) !important; +} +.pageBody__41ed7 { + background: rgba(0, 0, 0, 0); +} +.container_bc0d35 { + background: var(--hsl-card-shading); +} +.container_bc0d35.adminUpsell_bc0d35 { + background: var(--hsl-main-color); +} +.channelRow_e4503a { + background: var(--hsl-card-shading); + border: 2px solid rgba(0, 0, 0, 0); + margin-bottom: 8px; + border-radius: 8px; +} +.channelRow_e4503a:hover:not(.disabled_e4503a) { + background: var(--hsl-card-shading); + border-color: var(--hsl-main-color); +} +.prompt__5d7c9 { + background: rgba(0, 0, 0, 0); + border: none; +} +.optionButtonWrapper__270d7 { + background: var(--hsl-card-shading); + border: 2px solid rgba(0, 0, 0, 0); +} +.optionButtonWrapper__270d7:hover { + background: var(--hsl-card-shading); + border-color: var(--hsl-hover-color); +} +.optionButtonWrapper__270d7.selected__270d7 { + background: var(--hsl-card-shading); + border-color: var(--hsl-main-color); +} +.checkIcon__270d7 { + background: var(--hsl-main-color); +} +.profileCard__5d7c9 { + background: var(--hsl-card-shading); +} +.role__5d7c9 { + background: rgba(0, 0, 0, 0); + position: relative; +} +.roleDot__5d7c9::before { + content: ""; + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + position: absolute; + background: inherit; + opacity: 0.2; + border-radius: 4px; +} +.emptyPage__5d7c9 { + background-color: rgba(0, 0, 0, 0); +} +.container__551b0 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.2) + ); +} +.navItem__551b0 { + position: relative; + z-index: 1; +} +.navItem__551b0:after { + content: ""; + position: absolute; + top: 0; + right: 100%; + bottom: 0; + left: 0; + transition: all 0.3s ease-in-out; + z-index: -1; + border-radius: 4px; +} +.navItem__551b0.selected__551b0 { + background: rgba(0, 0, 0, 0); +} +.navItem__551b0.selected__551b0:after { + right: 0; + background: var(--hsl-main-color); + animation: cv-channel-select 0.3s ease-in-out; +} +.backdrop__8a7fc { + background: var(--hsl-popout-shading); +} +.relative__8a7fc { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.5) + ); +} +.iconButton__8a7fc { + background: var(--hsl-main-color); +} +.iconButton__8a7fc:hover { + background: var(--hsl-hover-color); +} +.container_a592e1 { + border: none; +} +.scroller__23746 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +:is(.theme-dark, .theme-light) .card__84e3e { + background: var(--hsl-card-shading); + border: none; +} +:is(.theme-dark, .theme-light) .card__84e3e:hover { + background: var(--hsl-card-shading); + box-shadow: 0 0 0 2px var(--hsl-hover-color); +} +.avatar_f215b9 { + background: var(--hsl-card-shading); + border: none; +} +.card_f215b9:hover .avatar_f215b9 { + background: var(--hsl-card-shading); +} +.container__19cf2, +.container__5682d { + background: var(--hsl-card-shading); +} +:is(.theme-light, .theme-dark) .iconMask__4cb8a { + background: var(--hsl-card-shading); + width: 48px; + height: 48px; + padding: 0; + margin-left: 8px; +} +.card__4cb8a:hover .iconMask__4cb8a { + background: var(--hsl-card-shading); +} +.presenceCountDot__4cb8a { + background: var(--hsl-online-color); +} +.container_cbd375 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.container_cec934 { + background: var(--hsl-card-shading); +} +.container__956c6 { + background: rgba(0, 0, 0, 0); +} +.modalBg_de2fa0 { + background: var(--hsl-modal-shading); +} +.modalContent_de2fa0, +.contentHeader_de2fa0 { + background: rgba(0, 0, 0, 0); +} +.tabBody__133bf { + background: none; +} +.container__133bf { + background: none; + border: none; +} +.peopleColumn__133bf { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.blockedIgnoredSettingsNotice__6811a { + border: 1px solid var(--hsl-main-color); + background-color: var(--hsl-card-shading); +} +.actionButton_f8fa06 { + background-color: var(--hsl-card-shading); +} +.actionButton_f8fa06.highlight_f8fa06 { + background-color: var(--hsl-card-shading); + color: var(--interactive-active); +} +.actionButton_f8fa06:hover { + background: var(--hsl-hover-color); +} +.actionButton_f8fa06.actionAccept_f8fa06 { + color: var(--hsl-success-color); +} +.actionButton_f8fa06.actionAccept_f8fa06:hover { + background: var(--hsl-success-color); + color: var(--interactive-active); +} +.actionButton_f8fa06.actionDeny_f8fa06 { + color: var(--hsl-danger-color); +} +.actionButton_f8fa06.actionDeny_f8fa06:hover { + background: var(--hsl-danger-color); + color: var(--interactive-active); +} +.searchBar__5ec2f { + border-width: 2px; +} +.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf { + background-color: rgba(0, 0, 0, 0); + color: var(--text-secondary); + border: none; +} +.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf:hover { + background-color: var(--background-mod-subtle); +} +.tabBar__133bf + .addFriend__133bf.addFriend__133bf.addFriend__133bf[aria-selected="true"] { + background-color: var(--hsl-main-color); + color: #000000; /* Black text */ +} +.addFriendInputWrapper__72ba7 { + background: var(--hsl-input-shading); + border: 2px solid var(--hsl-input-border-shading); +} +.addFriendInputWrapper__72ba7:focus-within { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +.input__72ba7 { + background: rgba(0, 0, 0, 0); + border: none; + box-shadow: none; +} +.nowPlayingColumn__133bf { + background: none; +} +.container__7d20c { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.2) + ); +} +.scroller__7d20c { + border: none; +} +.outer_bf1984, +.outer_bf1984:is(.interactive_bf1984:hover, .active_bf1984) { + background-color: var(--hsl-card-shading); + border: none; +} +.section__00943 { + border: none; +} +.emptyCard__7e549 { + background-color: var(--hsl-card-shading); +} +.page_c791b2 { + background: rgba(0, 0, 0, 0) !important; +} +.mainTableContainer__09a38 { + background: var(--hsl-card-shading); + border: none; +} +.newMembersNotice_acdcc0 { + background: var(--hsl-main-color); +} +.newMembersNotice_acdcc0:hover { + background: var(--hsl-hover-color); +} +.otherRoles__71c22 { + background: var(--background-mod-subtle); +} +.list_f391e3 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.applicationStore_f07d62 { + background: rgba(0, 0, 0, 0); +} +.homeWrapper__0920e { + background: rgba(0, 0, 0, 0); + border: none; +} +.mainPageScroller_ca1a02, +.allPerksScroller_ca1a02 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.mainPageScroller_ca1a02 { + right: 0; + transition: all 0.75s ease-in-out; +} +.mainPageScroller_ca1a02:has(+ .open_ca1a02) { + right: 100%; +} +.card_b5493b, +.container_da4aee { + background: var(--hsl-card-shading); +} +:is(.images-light, .images-dark) .textContainer_da4aee { + background: none; +} +.giftCardButton_da4aee { + background: rgba(0, 0, 0, 0); +} +.cardDescription_b5493b { + background: var(--hsl-popout-shading); +} +.seeAllPerksButton_ca1a02 { + background: var(--hsl-card-shading); + border: none; +} +.backButton_b9abc5 { + background: var(--hsl-main-color); +} +.backButton_b9abc5:hover { + background: var(--hsl-hover-color); +} +:is(.theme-dark, .theme-light) :is(.leftArrow__3cf14, .rightArrow__3cf14) { + background: var(--hsl-card-shading); +} +:is(.theme-dark, .theme-light) + :is(.leftArrow__3cf14, .rightArrow__3cf14):hover { + background: var(--hsl-hover-color); +} +:is(.theme-dark, .theme-light) .inactiveArrow__3cf14 { + background: var(--hsl-card-shading); +} +.cardProgressBar__3cf14 { + background: var(--hsl-card-shading); +} +.selectedDot__3cf14 { + background: var(--hsl-main-color); +} +.innerWrapper_c511e4 { + background: var(--hsl-popout-shading); +} +.background__7449f :is(.scrollerBase__99f8c, .scrollerBase_d125d2) { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.row_d13feb { + background: var(--hsl-card-shading); + border: var(--hsl-card-shading); +} +.headerIcon__553a5 { + background-color: var(--hsl-card-shading); + border-color: rgba(0, 0, 0, 0); +} +.container_dca174 { + background: var(--hsl-popout-shading); + border: none; +} +.avatarWrapper_dca174 { + background: var(--hsl-card-shading); +} +.container__89463 { + background: rgba(0, 0, 0, 0); +} +.contentContainer__89463 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.container__98cbd { + background: var(--hsl-card-shading); + border-color: rgba(0, 0, 0, 0); +} +.parentContainer__98cbd:hover .container__98cbd { + background: var(--hsl-card-shading); + border-color: var(--hsl-hover-color); +} +.container__98cbd:is(.active__98cbd, .warning__98cbd) { + background: var(--hsl-card-shading); +} +.parentContainer__98cbd:hover + .container__98cbd:is(.active__98cbd, .warning__98cbd) { + background: var(--hsl-card-shading); + border-color: var(--hsl-hover-color); +} +.sidebarContainer__89463 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.3) + ); +} +.shopScroll__6db1d, +.page__1feb0 { + background: rgba(0, 0, 0, 0); +} +.shop__6db1d { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.shop__08415 { + background: rgba(0, 0, 0, 0); +} +.shopCard_c3d04b { + background: var(--hsl-card-shading); + border: 2px solid rgba(0, 0, 0, 0); +} +.shopCard_c3d04b:hover { + border-color: var(--hsl-main-color); +} +.cardText_c3d04b { + background: rgba(0, 0, 0, 0); + border: none; +} +.skeleton__72fa0, +.skeleton__08415 { + background: var(--hsl-card-shading-inverted); +} +.cardBody__72fa0, +.skeletonBody__08415 { + background: var(--hsl-card-shading-inverted); +} +:is( + .cardAvatar__72fa0, + .cardTitle__72fa0, + .cardDescription__72fa0, + .cardSummary__72fa0 + ) { + background: rgba(0, 0, 0, 0); +} +.collectibleInfoContainer_c50f62 { + background: rgba(0, 0, 0, 0); +} +.scroller__4a84a, +.scroller_fb04e1 { + background: var(--hsl-card-shading); +} +.wrapper__4e6ce { + background: rgba(0, 0, 0, 0); +} +.loadingPopout__58f1c { + background: var(--hsl-popout-shading); +} +.autocomplete__13533 { + background: var(--hsl-popout-shading); + box-shadow: none; +} +.clickable__13533[aria-disabled="false"] .base__13533:hover { + background: var(--hsl-hover-color); +} +.clickable__13533[aria-selected="true"] .base__13533 { + background: var(--hsl-hover-color); +} +.contentTitle__13533 { + padding: 4px 8px; + color: var(--header-primary); +} +.wrapper_b1e4f3 { + background: rgba(0, 0, 0, 0); +} +.selected__1a58a, +.selected__1a58a:hover { + background: var(--hsl-main-color); +} +.lookFilled__3f413.select__3f413 { + box-shadow: none; +} +.lookFilled__3f413.select__3f413:hover { + border: 1px solid var(--input-border); +} +.popout__3f413, +.popout__3f413.popoutPositionTop__3f413 { + background: var(--hsl-popout-shading); + border: none; +} +.option__3f413 { + border-radius: 8px; + margin: 0 8px; +} +.option__3f413:hover { + background: var(--hsl-hover-color); +} +.option__3f413[aria-selected="true"] { + background: var(--hsl-main-color); +} +.option__3f413[aria-selected="true"]:not(.option__3f413.multi__3f413) { + background: var(--hsl-main-color); +} +.selectedIcon__3f413 { + color: var(--interactive-active); +} +.selectedIcon__3f413 circle { + fill: var(--hsl-main-color); +} +.multiSelectCheckbox__3f413.checked__3f413 { + background: var(--interactive-active); +} +.multiSelectCheckbox__3f413.checked__3f413 path { + fill: var(--hsl-main-color); +} +.optionPillItem__3f413 .optionPillBtn__3f413 { + background: rgba(0, 0, 0, 0); + border: none; +} +.optionPillItem__3f413 .optionPillBtn__3f413 .optionPillBtn__3f413 { + background: var(--hsl-main-color); +} +.recentMentionsPopout__95796 { + background: var(--hsl-popout-shading); + box-shadow: none; +} +.header_ab6641 { + background: rgba(0, 0, 0, 0); +} +.channelHeader__35a7e { + background: hsl(from var(--hsl-main-color) h s l/0.8); + padding-left: 20px; + padding-right: 6px; + border-radius: 8px; +} +.guildIcon__35a7e { + background-color: var(--hsl-card-shading); +} +.button__06eda { + background: var(--hsl-card-shading); +} +.button__06eda:hover:not(.disabled__06eda) { + background: var(--hsl-card-shading); +} +.icon_d404a3 { + background: var(--hsl-main-color); + color: #000000; /* Black icon color */ +} +.jumpButton_ed0c8c { + background: var(--hsl-main-color); + border: none; +} +.jumpButton_ed0c8c:hover { + background: var(--hsl-hover-color); +} +.container__0f711 { + background: rgba(0, 0, 0, 0); +} +.maskBackground_db811b { + background: var(--hsl-main-color) !important; +} +.tutorial__2692d { + background: var(--hsl-card-shading); +} +.tutorialIcon__2692d { + background: var(--hsl-main-color); + color: var(--interactive-active); +} +.messages__1ccd1 { + background: var(--hsl-card-shading); + border: none; +} +.collapseButton__427f0 { + left: 0; +} +.container__95796 { + margin-left: 16px; +} +.messageContainer__95796 { + background: var(--hsl-card-shading); + border: none; + margin: 0; +} +.menu_c1e9c4 { + background: var(--hsl-popout-shading); + border: none; + border-radius: 5px; +} +.colorDefault_c1e9c4.focused_c1e9c4 { + background-color: var(--hsl-hover-color); +} +.colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) { + background-color: var(--hsl-main-color); +} +.colorDanger_c1e9c4.focused_c1e9c4 { + background-color: var(--hsl-danger-color); +} +.colorDanger_c1e9c4.focused_c1e9c4:not(.checkboxContainer_c1e9c4) path { + fill: var(--interactive-active); +} +.colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) { + background-color: hsl(from var(--hsl-danger-color) h s l/0.8); + color: var(--interactive-active); +} +.colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) .label_c1e9c4 { + color: var(--interactive-active); +} +.item_c1e9c4.focused_c1e9c4 .label_c1e9c4 { + color: #000000; /* Black text */ +} +.status_a423bd[style*="rgb(130, 131, 139)"] { + background-color: var(--hsl-offline-color) !important; +} +.status_a423bd[style*="rgb(67, 162, 90)"] { + background-color: var(--hsl-online-color) !important; +} +.status_a423bd[style*="rgb(202, 150, 84)"] { + background-color: var(--hsl-idle-color) !important; +} +.status_a423bd[style*="rgb(216, 58, 66)"] { + background-color: var(--hsl-dnd-color) !important; +} +.focused_c1e9c4#set-status-submenu-online { + background-color: var(--hsl-online-color); +} +.focused_c1e9c4#set-status-submenu-idle { + background-color: var(--hsl-idle-color); +} +.focused_c1e9c4#set-status-submenu-dnd { + background-color: var(--hsl-dnd-color); +} +.focused_c1e9c4#set-status-submenu-invisible { + background-color: var(--hsl-offline-color); +} +.activeIcon_d40c56 path { + fill: var(--hsl-main-color); +} +.focused_d40c56 .activeIcon_d40c56 circle { + fill: var(--hsl-main-color); +} +.tooltipPrimary__382e7 { + background-color: var(--hsl-popout-shading); + border: none; +} +.tooltipPrimary__382e7 .tooltipPointer__382e7 { + border-top-color: var(--hsl-popout-shading); +} +.tooltipPrimary__382e7 .tooltipPointer__382e7::before, +.tooltipPrimary__382e7 .tooltipPointer__382e7::after { + display: none; +} +.tooltipBrand__382e7 { + background-color: var(--hsl-main-color); + border: none; +} +.tooltipBrand__382e7 .tooltipPointer__382e7 { + border-top-color: var(--hsl-main-color); +} +.contentWrapper__08434 { + background: var(--hsl-popout-shading); + border: none; +} +.inspector_aeaaeb { + background: rgba(0, 0, 0, 0); + border: none; +} +.navButton__08434 { + border-radius: 5px; +} +.navButton__08434:hover { + background: var(--background-mod-subtle); +} +.navButtonActive__08434 { + background: var(--hsl-main-color); +} +.navButtonActive__08434:hover { + background: var(--hsl-main-color); +} +.emojiPickerHasTabWrapper_c0e32c :is(.emojiPicker_c0e32c, .header_c0e32c) { + background: rgba(0, 0, 0, 0); +} +.wrapper__14245 { + background: hsl(from var(--hsl-main-color) h s l/0.8); + margin-bottom: 10px; + border-radius: 4px; +} +.wrapper__14245::after { + height: 0; +} +.searchBar_c0e32c { + margin-right: 12px; +} +:is(.emojiPicker_c0e32c, .header_c0e32c) { + background: var(--hsl-popout-shading); + border: none; +} +.header__8ef02 { + background: rgba(0, 0, 0, 0); +} +.packHeader_e94b8c { + margin-left: -8px; + margin-bottom: 10px; +} +.container_fed6d3, +.header_fed6d3 { + background: rgba(0, 0, 0, 0); + border: none; +} +.emojiItem_fc7141.emojiItemSelected_fc7141 { + background: var(--background-mod-subtle); +} +.stickerInspected_c6367b .inspectedIndicator_c6367b { + background: var(--background-mod-subtle); +} +.categoryFadeBlurple_d02962 { + background: hsl(from var(--hsl-main-color) h s l/0.8); +} +.categoryFadeBlurple_d02962, +.categoryFadeBlurple_d02962:hover { + border: none; +} +.categoryFade_d02962 { + border: none; +} +.categoryFade_d02962:hover { + border: 2px solid var(--hsl-main-color); +} +.categoryItemDefaultCategorySelected_b9ee0c, +.categoryItemDefaultCategorySelected_b9ee0c:hover { + background: var(--hsl-main-color); +} +.stickerCategoryGenericSelected__3ad28, +.stickerCategoryGenericSelected__3ad28:hover, +.firstPartyCategorySelected__3ad28, +.firstPartyCategorySelected__3ad28:hover { + background: var(--hsl-main-color); +} +.messagesPopoutWrap__45690 { + background: var(--hsl-popout-shading); + box-shadow: none; +} +.header__45690, +.footer__45690 { + background: rgba(0, 0, 0, 0); +} +.messageGroupWrapper__45690 { + background: var(--background-mod-subtle); + border: none; +} +.jumpButton__45690 { + background: var(--hsl-main-color); + border-color: rgba(0, 0, 0, 0); + color: var(--interactive-active); +} +.jumpButton__45690:hover { + background: var(--hsl-hover-color); + color: var(--interactive-active); +} +.container__55c99 { + background: var(--hsl-popout-shading); + border: none; +} +.queryContainer__55c99 { + background: rgba(0, 0, 0, 0); +} +.option__56fec:hover { + background-color: var(--hsl-hover-color); +} +.option__56fec:hover :is(.filter__56fec, .answer__56fec, .plusIcon__56fec) { + color: var(--interactive-active); +} +.option__56fec:hover + :is(.searchResultChannelIcon__56fec, .searchResultChannelCategory__56fec) { + opacity: 1; +} +.option__56fec:hover strong { + color: var(--interactive-active); +} +.option__56fec[aria-selected="true"] { + background-color: var(--hsl-hover-color); + box-shadow: none; +} +.option__56fec[aria-selected="true"] :is(strong, .plusIcon__56fec) { + color: var(--interactive-active); +} +.datePicker__56fec .datePickerHint__56fec .hintValue__56fec { + background: var(--hsl-main-color); + padding: 0 5px; +} +.calendarPicker_d27f17 .react-datepicker, +.calendarPicker_d27f17 .react-datepicker__header { + background: rgba(0, 0, 0, 0); +} +.calendarPicker_d27f17 .react-datepicker__current-month { + color: var(--hsl-main-color); +} +:is(.theme-light, .theme-dark) + .calendarPicker_d27f17 + .react-datepicker__day-name { + color: var(--header-primary); +} +.calendarPicker_d27f17 .react-datepicker__month { + border: 1px solid var(--hsl-main-color); + background: var(--hsl-card-shading); + border-radius: 4px; +} +.calendarPicker_d27f17 + .react-datepicker__day.react-datepicker__day--selected::after { + background: var(--hsl-main-color); +} +.calendarPicker_d27f17 + .react-datepicker__day:is( + .react-datepicker__day--keyboard-selected, + .react-datepicker__day--selected:hover, + :hover + ) { + background: var(--hsl-main-color); +} +:is(.theme-light, .theme-dark) + .calendarPicker_d27f17 + .react-datepicker__day:is( + .react-datepicker__day--disabled, + .react-datepicker__day--disabled:hover + ) { + background: rgba(0, 0, 0, 0); +} +.browser_d98031 { + background-color: var(--hsl-popout-shading); + box-shadow: none; +} +.header_d9c882 { + background: rgba(0, 0, 0, 0); +} +.container__6764b { + background: var(--background-mod-subtle); + border: 2px solid rgba(0, 0, 0, 0); +} +.container__6764b:hover { + background: var(--background-mod-subtle); + border: 2px solid var(--hsl-hover-color); +} +.icon__1b24f { + background: var(--hsl-main-color); + color: #000000; /* Black icon color */ +} +.popout__76f04 { + background-color: var(--hsl-popout-shading); +} +.contentWrapper__9c62c { + background: var(--hsl-popout-shading); + box-shadow: none; +} +.sectionRowsContentContainer__927fc { + gap: 8px; +} +.container_cb32c7 { + background: var(--background-mod-subtle); +} +.container_cb32c7:hover { + background: var(--hsl-card-shading); + box-shadow: 0 0 0 2px var(--hsl-hover-color); +} +.rowContainer_cb32c7, +.rowContainer_cb32c7:first-child, +.rowContainer_cb32c7:last-child { + border-radius: 8px; +} +.rowDivider_cb32c7 { + background: rgba(0, 0, 0, 0); +} +.container__7bdb0 { + background: rgba(0, 0, 0, 0); +} +.overviewContainerNoVideo__95856, +.overviewContainerWithVideo__95856 { + background: rgba(0, 0, 0, 0); +} +.commandContainer_c94584 { + gap: 8px; + background: rgba(0, 0, 0, 0); +} +.commandContainer_c94584 .command_c94584 { + border: 2px solid rgba(0, 0, 0, 0); +} +.commandContainer_c94584 .command_c94584:not(:last-child) { + border: 2px solid rgba(0, 0, 0, 0); +} +.commandContainer_c94584 .command_c94584:not(:last-child):hover { + border-color: var(--hsl-hover-color); +} +.commandContainer_c94584 + :is( + .command_c94584, + .command_c94584:first-child, + .command_c94584:last-child + ) { + border-radius: 8px; +} +.command_c94584 { + background: var(--background-mod-subtle); + border: 2px solid rgba(0, 0, 0, 0); +} +.command_c94584:hover { + background: var(--hsl-card-shading); + border-color: var(--hsl-hover-color); +} +.sectionContentContainer_b18295 { + display: flex; + flex-direction: column; + background: rgba(0, 0, 0, 0); + gap: 8px; +} +.clickable__761e5 { + background: var(--background-mod-subtle); + border: 2px solid rgba(0, 0, 0, 0); +} +.clickable__761e5:hover { + background: var(--hsl-card-shading); + border-color: var(--hsl-hover-color); +} +.clickable__761e5, +.clickable__761e5:first-child, +.clickable__761e5:last-child { + border-radius: 8px; +} +.underline__761e5 { + background: rgba(0, 0, 0, 0); +} +:is(.picker__09f65, .picker__09f65.refresh__09f65) { + background: var(--hsl-popout-shading); +} +.soundButtonWrapper__9be63 { + background: rgba(0, 0, 0, 0); +} +:is(.soundButton__9be63, .soundButtonRefresh__9be63) { + background-color: var(--background-mod-subtle); +} +:is(.soundButton__9be63, .soundButtonRefresh__9be63):is( + :hover, + :focus-within, + .focused__9be63 + ) { + border-color: var(--hsl-main-color); +} +:is(.soundButton__9be63, .soundButtonRefresh__9be63):is( + :hover, + :focus-within, + .focused__9be63 + ).hoverActiveBackground__9be63 { + background: var(--hsl-card-shading); +} +.popoutContainer__0f481 { + background: var(--hsl-popout-shading); + box-shadow: none; + backdrop-filter: none; +} +.guildSection_d5cd2d { + background: rgba(0, 0, 0, 0); +} +.containerBackground_d4ced7 { + background: var(--hsl-popout-shading); + border: none; +} +.containerBackground_d4ced7::after { + border-top-color: var(--hsl-popout-shading); +} +.contentWarningPopout_be95d0 { + background: var(--hsl-popout-shading); + box-shadow: none; +} +:is(.theme-dark, .theme-light) .footer_be95d0 { + background: rgba(0, 0, 0, 0); +} +.spinnerContainer__86bf6 { + background: var(--hsl-popout-shading); +} +.streamPreview__6da2d { + background: var(--hsl-popout-shading); +} +.previewContainer__6da2d { + background: rgba(0, 0, 0, 0); +} +:is(.theme-dark, .theme-light) .watchButton__6da2d { + border-color: var(--hsl-main-color); +} +:is(.theme-dark, .theme-light) .watchButton__6da2d:not([disabled]):hover { + border-color: var(--hsl-hover-color); +} +.container__4e30a { + background: var(--hsl-popout-shading); +} +.container_b1bfd4 { + background: var(--background-mod-subtle); +} +.full-motion .translate_faf9c0 { + transform: unset !important; +} +.user-profile-popout:not(.custom-user-profile-theme)::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: var(--user-popout-image) var(--user-popout-position) / + var(--user-popout-size) no-repeat; + background-attachment: var(--user-popout-attachment); + filter: var(--user-popout-filter); + z-index: -1; +} +:is(.user-profile-modal, .user-profile-modal-v2):not( + .custom-user-profile-theme + )::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: var(--user-modal-image) var(--user-modal-position) / + var(--user-modal-size) no-repeat; + background-attachment: var(--user-modal-attachment); + filter: var(--user-modal-filter); + z-index: -1; +} +.outer_c0bea0 { + border: none; +} +.outer_c0bea0:not(.custom-user-profile-theme) { + background: var(--hsl-background-shading); +} +.outer_c0bea0:not(.custom-user-profile-theme) .inner_c0bea0 { + background: rgba(0, 0, 0, 0); +} +.outer_c0bea0:not(.custom-user-profile-theme) .outer_ab8609 { + background: var(--hsl-popout-shading); +} +.outer_c0bea0:not(.custom-user-profile-theme) .inner_ab8609 { + background: rgba(0, 0, 0, 0); +} +.overlay_c0bea0 { + background-color: var(--hsl-card-shading); +} +.custom-user-profile-theme .inlineContainer__74017 { + background: var(--user-profile-note-background-focus); + box-shadow: 0 0 0 2px var(--user-profile-border); +} +.custom-user-profile-theme .inlineContainer__74017:focus-within { + box-shadow: 0 0 2px 2px var(--profile-gradient-primary-color); +} +.profile__9c3be { + background: var(--hsl-background-shading); + outline: none; + margin-bottom: 24px; + border-radius: 8px; +} +.profileNote__9c3be .textarea__9daae { + margin-top: 2px; + border-color: var(--hsl-input-border-shading); + background: var(--hsl-input-shading); +} +.profileNote__9c3be .textarea__9daae:focus:focus, +.profileNote__9c3be .textarea__9daae:focus:hover { + background: var(--hsl-input-shading); + border-color: var(--hsl-main-color); +} +.outer_ab8609::before, +.outer_ab8609::after { + display: none; +} +.custom-user-profile-theme .top_b3f026 .item_b3f026 { + --selected-tab-item-color: var(--profile-gradient-secondary-color); +} +.custom-user-profile-theme .top_b3f026 .item_b3f026.selected_b3f026 { + --selected-tab-item-color: var(--profile-gradient-primary-color); +} +.custom-user-profile-theme ::-webkit-scrollbar-thumb { + background-color: var(--profile-gradient-primary-color); +} +.custom-user-profile-theme .textarea__9daae { + background: var(--user-profile-note-background-focus); +} +.custom-user-profile-theme .textarea__9daae:focus { + border-color: var(--profile-gradient-primary-color); + background: var(--user-profile-note-background-focus); +} +.custom-user-profile-theme:is(.theme-light, .theme-dark) + .themeColor_fb7f94.secondary_fb7f94 { + background: var(--profile-gradient-button-color); + color: var(--button-filled-brand-text); +} +.user-profile-sidebar:not(.custom-user-profile-theme) { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.3) + ); +} +.outer_c0bea0:not(.custom-user-profile-theme) .role_dfa8b6 { + border-radius: 4px; + position: relative; +} +.outer_c0bea0:not(.custom-user-profile-theme) + .role_dfa8b6 + .roleRemoveButton_dfa8b6 { + position: static; +} +.outer_c0bea0:not(.custom-user-profile-theme) + .role_dfa8b6 + .roleRemoveIcon_dfa8b6 { + left: 12px; +} +.outer_c0bea0:not(.custom-user-profile-theme) + .role_dfa8b6 + .roleCircle__4f569::before { + content: ""; + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + position: absolute; + background: inherit; + opacity: 0.2; + border-radius: 4px; +} +.background__4f569 { + fill: none; +} +.dotBorderBase__4f569 { + fill: none; +} +.dotBorderColor__4f569 { + opacity: 1; +} +.container__3dde2 { + background: var(--hsl-popout-shading); + border: none; +} +.mask__44b0c rect[fill*="#82838b"] { + fill: var(--hsl-offline-color); +} +.mask__44b0c rect[fill*="#43a25a"] { + fill: var(--hsl-online-color); +} +.mask__44b0c rect[fill*="#ca9654"] { + fill: var(--hsl-idle-color); +} +.mask__44b0c rect[fill*="#d83a42"] { + fill: var(--hsl-dnd-color); +} +.mask__44b0c rect[fill*="#9147ff"] { + fill: var(--hsl-streaming-color); +} +.layer__960e4 { + background-color: rgba(0, 0, 0, 0); +} +.contentRegion__23e6b { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.4) + ); +} +.contentRegionScroller__23e6b { + background: rgba(0, 0, 0, 0); +} +.contentColumnDefault__23e6b { + padding-top: 50px; +} +.container_fcf29c { + background: var(--hsl-popout-shading); + border: none; +} +.cardPrimary__73069, +.cardPrimary__73069.editable__73069 { + --__card-accent-color: var(--hsl-card-shading); + background: var(--hsl-card-shading); + border-color: rgba(0, 0, 0, 0); +} +.card__73069 a { + color: var(--hsl-main-color); +} +.card_b846e5::before { + background: var(--hsl-card-shading); + border-color: var(--hsl-main-color); +} +.container__6cd3a, +.clickableContainer__6cd3a { + background: rgba(0, 0, 0, 0); +} +.backgroundModifierContainer__6cd3a { + background: var(--hsl-card-shading); + border-top-color: rgba(0, 0, 0, 0); + border-right-color: rgba(0, 0, 0, 0); + border-bottom-color: rgba(0, 0, 0, 0); +} +.backgroundModifierContainer__6cd3a:is(:hover, :active):not( + .disabled__6cd3a + ):not(.noAction__6cd3a) { + background: var(--hsl-card-shading); +} +.backgroundModifierContainer__6cd3a.selected__6cd3a { + background: var(--hsl-card-shading); + border-color: var(--hsl-main-color); +} +.selected__6cd3a.statusGreen__6cd3a { + border-color: var(--status-positive); +} +.selected__6cd3a.statusYellow__6cd3a { + border-color: var(--status-warning); +} +.selected__6cd3a.statusOrange__6cd3a { + border-color: var(--orange-360); +} +.selected__6cd3a.statusRed__6cd3a { + border-color: var(--status-danger); +} +.collapseable__217b7, +.collapseable__217b7:active { + background: var(--hsl-card-shading); + border: none; +} +.default_e18686, +.default_e18686:hover { + background-color: var(--hsl-popout-shading); +} +.standardSidebarView__23e6b { + background: rgba(0, 0, 0, 0); +} +.sidebarRegionScroller__23e6b { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.3) + ); + padding: 20px 8px 60px 20px; +} +.selectedBackground_e681d1 { + background: rgba(0, 0, 0, 0); +} +.accountProfileCard__1fed1 { + background: var(--hsl-card-shading); +} +.badgeList__1fed1, +.background__1fed1, +.fieldList__1fed1 { + background: rgba(0, 0, 0, 0); +} +.container_d878e7, +.avatarBackground_eb2508 { + background: rgba(0, 0, 0, 0); +} +.option__54675 { + background: var(--background-mod-subtle); +} +.option__54675:hover { + border: 2px solid var(--hsl-main-color); +} +.card__5cea9 { + background: var(--hsl-card-shading); +} +.header__5cea9 { + background: rgba(0, 0, 0, 0); +} +.box_f8c98c { + background: var(--hsl-card-shading); + border: none; +} +.row__0624f { + background: var(--background-mod-subtle); + border: none; +} +.authedAppV2__50a54 { + background: var(--hsl-card-shading); +} +.headerV2__50a54 { + background: rgba(0, 0, 0, 0); +} +.appDetailsContainer__50a54 { + background: rgba(0, 0, 0, 0); +} +.appDetailsContainer__50a54 .appDetailsSection__50a54 { + background: var(--background-mod-subtle); + padding: 16px; +} +.appDetailsContainer__50a54 .appDetailsSection__50a54:active { + background: var(--background-mod-subtle); +} +.appDetailsContainer__50a54 .appDetailsSection__50a54:first-child { + border-radius: 8px 8px 0 0; +} +.appDetailsContainer__50a54 .appDetailsSection__50a54:nth-child(2) { + border-radius: 0 0 8px 8px; +} +.actionMenuButton_d84e0f { + background: var(--background-mod-subtle); +} +.sessionIcon__803f2 { + background: var(--hsl-main-color); + color: #000000; /* Black icon color */ +} +.connectContainer_c7f964, +.connection_c7f964 { + background: var(--hsl-card-shading); +} +.connectionsContainer_c7f964 { + justify-content: center; +} +.accountButtonInner_c7f964, +.accountBtnInner__750de { + background-color: var(--background-mod-subtle); + border: 2px solid rgba(0, 0, 0, 0); +} +.accountButtonInner_c7f964:hover, +.accountBtnInner__750de:hover { + background-color: var(--background-mod-subtle); + border-color: var(--hsl-main-color); +} +.connectionHeader_c7f964 { + background: rgba(0, 0, 0, 0); + padding-bottom: 0; +} +.metadataContainer_c7f964 { + background-color: var(--background-mod-subtle); +} +.perkCard_b62c4e { + background: var(--hsl-card-shading); +} +.innerWrapperBase__70f7f { + background: var(--hsl-popout-shading); +} +.subButton__70f7f { + color: var(--hsl-main-color) !important; +} +.giftButton_b322b1:hover { + background: rgba(0, 0, 0, 0); +} +.giftCard_a45ed3 { + background: var(--hsl-card-shading); +} +.guildContainer__5dba5, +.boostContainer_ceb06a { + background: var(--hsl-card-shading); +} +.appliedBoostContainer_ceb06a { + background: rgba(0, 0, 0, 0); +} +.detailsBlock_e335a7 { + background: var(--hsl-card-shading); +} +.paymentPane__01014 { + background: var(--hsl-card-shading); +} +.paginator__01014, +.payment_e9cb00 { + background: rgba(0, 0, 0, 0); +} +.expandedInfo_e9cb00 { + background: var(--background-mod-subtle); +} +:is(.theme-light, .theme-dark) .hoverablePayment_e9cb00:hover { + background: rgba(0, 0, 0, 0); +} +:is(.theme-light, .theme-dark) .bottomDivider__01014 { + border-bottom-color: var(--background-mod-subtle); +} +:is(.theme-light, .theme-dark) .codeRedemptionRedirect_a706ba { + background: var(--hsl-card-shading); + border: none; +} +.container__06283 { + -webkit-mask-image: url(https://clearvision.github.io/icons/pill.svg); + mask-image: url(https://clearvision.github.io/icons/pill.svg); + background: var(--hsl-main-color) !important; +} +:is(.theme-light, .theme-dark) .progress__06283 { + background: var(--hsl-background-shading); +} +.notches__06283 { + display: none; +} +:is(.theme-light, .theme-dark) .sliderBar_ac7648 { + background-color: var(--background-mod-subtle); +} +.soundButtonSettingContainer__84bad { + background: var(--hsl-card-shading); +} +.cameraWrapper_d41d5f { + background: var(--hsl-card-shading); + border: none; +} +.backgroundOptionRing__53965 { + border: 2px solid var(--hsl-main-color); +} +.notDetected_cc46f0 { + background: var(--hsl-card-shading); +} +.nowPlaying_cc46f0 { + background: hsl(from "color.success" h s l/0.8); +} +.addGamePopout_cc46f0 { + background: var(--hsl-popout-shading); + box-shadow: none; +} +:is(.theme-light, html:not(.theme-dark)) .game_cc46f0 { + box-shadow: 0 1px 0 0 var(--background-mod-subtle); +} +.expandedContainer__9d98d, +.groupHeader__9d98d, +.groupCollapsedContainer__9d98d, +.groupContainer__9d98d { + background: rgba(0, 0, 0, 0); +} +.settingCard__1a4ef, +.settingCard__1a4ef.active__1a4ef { + background: var(--hsl-card-shading); +} +.cardFolder__1a4ef { + background: rgba(0, 0, 0, 0); +} +.scroller__53543 { + background: rgba(0, 0, 0, 0); +} +.container_d5ae15 { + background: var(--hsl-popout-shading); +} +.header_d5ae15 { + background: var(--hsl-input-shading); +} +.group__344e6 { + border-color: var(--background-mod-subtle); +} +.item__344e6 { + background: var(--hsl-card-shading); + cursor: pointer; +} +.item__344e6.selected__344e6 { + background-color: hsl(from var(--hsl-main-color) h s l/0.4); +} +.deny__344e6 { + color: var(--hsl-danger-color); + border-right: 1px solid var(--background-mod-subtle); +} +.deny__344e6.selected__344e6 { + background-color: hsl(from var(--hsl-danger-color) h s l/0.6); +} +.allow__344e6 { + color: var(--hsl-success-color); + border-left: 1px solid var(--background-mod-subtle); +} +.allow__344e6.selected__344e6 { + background-color: hsl(from var(--hsl-success-color) h s l/0.6); +} +.itemSelected_ec9088 { + border: 2px solid var(--hsl-main-color); +} +.traitContainer__4cbea { + background: var(--hsl-input-shading); + border-color: var(--hsl-input-border-shading); +} +.traitContainer__4cbea:focus-within { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +.emojiWrapper__4cbea { + border: none; + padding-left: 10px; +} +.traitInput__4cbea { + background: rgba(0, 0, 0, 0); + box-shadow: none; + height: 32px; +} +.traitInput__4cbea:focus-within { + box-shadow: none; +} +.wrapper__83b1d, +.wrapper__83b1d:hover { + background: rgba(0, 0, 0, 0); +} +.action__83b1d { + background: var(--hsl-popout-shading); +} +.mainTableContainer_fa2640 { + background: var(--hsl-card-shading); +} +.container_d8f25b { + background: var(--hsl-card-shading); + border: 2px solid rgba(0, 0, 0, 0); +} +.container_d8f25b:hover { + background: var(--hsl-card-shading); + border: 2px solid var(--hsl-main-color); +} +.icon_d8f25b { + background: var(--hsl-main-color); + color: var(--interactive-active); +} +.circleButton__5f97b { + margin-left: 10px; +} +.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b) .circleButton__5f97b { + background: var(--hsl-card-shading); +} +.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b) + .circleButton__5f97b:hover { + background: var(--hsl-main-color); +} +.titleContainer_e29cd7 { + background: rgba(0, 0, 0, 0); +} +.header_c6bf1b { + background: rgba(0, 0, 0, 0); + transition: background 0.15s ease-in-out; +} +.stickyHeaderElevated_c6bf1b { + background: var(--hsl-popout-shading); +} +.container__09ccc { + background: var(--hsl-popout-shading); +} +.joinOptions__959cb { + background: var(--hsl-card-shading); +} +.joinOptionContent__959cb.active__959cb { + background: var(--background-mod-subtle); +} +.changelog_abe1fa, +.safetyChecklist_eae0ef, +.simpleItemWrapper__5dac8 { + background: var(--hsl-card-shading); + border: none; +} +.valuePill__5dac8 { + background: var(--hsl-card-shading); + border: 1px solid var(--hsl-main-color); +} +.auditLog__43dab { + background: var(--hsl-card-shading); + border: none; +} +.headerExpanded__43dab, +.divider__43dab, +.changeDetails__43dab { + background: rgba(0, 0, 0, 0); +} +.scrollerContainer_cdb2b0 { + background: var(--hsl-card-shading); + border: none; +} +.textBadge__0034b { + border-color: rgba(0, 0, 0, 0); +} +.editCard_a25a68 { + background: var(--hsl-card-shading); + border: none; +} +:is( + .mentionLimitContainer_ed9c90, + .keywordListContainer__09e76, + .actionContainer__6446f + ) { + background: var(--background-mod-subtle); +} +.keywordsTextArea__6a631 { + background: var(--hsl-input-shading); + border-color: var(--hsl-input-border-shading); +} +.keywordsTextArea__6a631:focus { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +.actionContainer_bc4513, +.stepCountIcon_b6c6eb { + background: var(--background-mod-subtle); +} +.stepperContainer_ed9c90 { + background: rgba(0, 0, 0, 0); + border: none; +} +.textArea_c615b7 { + background: var(--hsl-input-shading); + border-color: var(--hsl-input-border-shading); +} +.textArea_c615b7:focus-within { + border-color: var(--hsl-main-color); + box-shadow: 0 0 2px 0 var(--hsl-main-color); +} +.guildDetails_bebc5b { + background: var(--hsl-popout-shading); +} +.featureCard_bebc5b { + background: var(--hsl-card-shading); +} +.featureIcon_bebc5b { + background: rgba(0, 0, 0, 0); +} +.upsellContainer__4cfe2 { + background: var(--hsl-card-shading); +} +.upsellFooter__4cfe2 { + background: rgba(0, 0, 0, 0); +} +.howItWorksContainer_dd30dc { + background: rgba(0, 0, 0, 0); + padding: 0; +} +.howItWorksImageContainer_dd30dc { + background: rgba(0, 0, 0, 0); +} +.card_fc2e20 { + background: var(--hsl-card-shading); +} +.avatarCard__02e4c { + background: var(--background-mod-subtle); +} +:is(.verticalConnector__02e4c, .horizontalConnector__02e4c) { + border-color: var(--background-mod-subtle) !important; +} +.viewServerButton__2485e { + background: var(--hsl-main-color); +} +.viewServerButton__2485e:hover { + background: var(--hsl-hover-color); +} +.tier_f15dca { + border: none; +} +.tierHeader_f15dca, +.tierBody_f15dca { + background: var(--hsl-card-shading); + border: none; +} +.descriptionBox__981f7 { + background: var(--hsl-card-shading); +} +.developerPortalCtaWrapper_bf485f { + background: rgba(0, 0, 0, 0); +} +.analyticsCard__5931c { + background: var(--hsl-card-shading); +} +.panels_c48ade { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.5) + ); + border-radius: 0; + border: none; + width: 100%; + left: 0; + bottom: 0; + padding: 8px; +} +:is(.theme-light, .theme-dark) .panel__5dec7 { + background-color: rgba(0, 0, 0, 0); +} +:is(.theme-light, .theme-dark) .button_e131a9.buttonColor_e131a9 { + background: var(--hsl-main-color); +} +:is(.theme-light, .theme-dark) .button_e131a9.buttonColor_e131a9:hover { + background: var(--hsl-hover-color); +} +:is(.theme-light, .theme-dark) + .button_e131a9.buttonColor_e131a9.buttonActive_e131a9 { + background: hsl(from var(--hsl-main-color) h s l/0.4); + color: var(--button-secondary-text); + border-color: hsl(from var(--hsl-main-color) h s l/0.2); +} +:is(.theme-light, .theme-dark) + .button_e131a9.buttonColor_e131a9.buttonActive_e131a9:hover { + background: hsl(from var(--hsl-hover-color) h s l/0.3); +} +.noiseCancellationPopout_e131a9 { + background: var(--hsl-popout-shading); +} +:is(.theme-light, .theme-dark) .wrapper__0d616 { + background: rgba(0, 0, 0, 0); +} +.contentWrapper__0d616 { + background: none !important; +} +.postEnrollmentBackgroundCollapsed__636a2, +.postEnrollmentBackgroundExpanded__636a2 { + background-image: none !important; + background-color: rgba(0, 0, 0, 0); + border: none; +} +.headerText__636a2, +.submenuIcon__636a2 { + color: rgba(0, 0, 0, 0); +} +.contentInteractable__636a2 .postEnrollmentBackgroundExpanded__636a2 { + background-color: var(--hsl-popout-shading); +} +.contentInteractable__636a2 .headerText__636a2 { + color: var(--text-default); +} +.contentInteractable__636a2 .submenuIcon__636a2 { + color: var(--interactive-normal); +} +.keyboard-mode .focusStroke_cc5dd2 { + stroke: var(--focus-color); + stroke-width: 4px; +} +.guilds_c48ade { + margin-bottom: var(--custom-app-panels-height); + background: rgba(0, 0, 0, 0); + padding-top: 10px; +} +.item__58105 { + box-shadow: 0 0 3px 1px var(--hsl-main-color); +} +.pill__5bc7e { + bottom: 0; +} +.childWrapper__6e9f8 { + background-color: var(--hsl-card-shading); +} +.childWrapper__6e9f8 > svg { + width: 100%; + height: 100%; + background: var(--home-icon) center/var(--home-size) no-repeat; +} +.childWrapper__6e9f8 path { + display: none; +} +.wrapper__6e9f8:hover .childWrapper__6e9f8 { + background-color: var(--hsl-hover-color); +} +.wrapper__6e9f8.selected__6e9f8 .childWrapper__6e9f8 { + background-color: var(--hsl-main-color); +} +.icon__6e9f8 { + background-color: var(--hsl-card-shading); +} +.circleIconButton__5bc7e { + background-color: var(--hsl-card-shading); +} +.circleIconButton__5bc7e.selected__5bc7e { + background: var(--hsl-main-color); +} +.circleIconButton__5bc7e:hover:not(.disabled__5bc7e) { + background: var(--hsl-hover-color); +} +.mention__3b95d { + background: var(--hsl-main-color); + border-radius: 5px; +} +.mention__3b95d:active { + background: var(--hsl-main-color); +} +.iconBadge__2b1f5 { + background: var(--hsl-popout-shading); +} +.iconBadge__2b1f5.isCurrentUserConnected__650eb { + background: var(--hsl-main-color); +} +.wrapperCommon__29444 .mainContent__29444 .name__29444 { + flex: 1; +} +.name__29444 { + display: flex; + align-items: center; + justify-content: center; + color: var(--hsl-main-color); + font-weight: 700; +} +.name__29444::before { + content: ""; + height: 2px; + flex-grow: 1; + transition: all 0.3s ease-in-out; + background: linear-gradient(to left, var(--hsl-main-color) 50%, transparent); + margin-right: 5px; +} +.name__29444::after { + content: ""; + height: 2px; + flex-grow: 1; + transition: all 0.3s ease-in-out; + background: linear-gradient(to right, var(--hsl-main-color) 50%, transparent); + margin-left: 5px; +} +.children__29444 { + margin-left: 6px; +} +.addButtonIcon__29444 { + color: var(--hsl-main-color); +} +.collapsed__29444 .name__29444::before, +.collapsed__29444 .name__29444::after { + flex-grow: 0; +} +.wrapper__29444.muted__29444 :is(.name__29444, .addButtonIcon__29444) { + color: var(--hsl-main-color); + opacity: 0.5; +} +.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .name__29444 { + color: var(--hsl-hover-color); +} +.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .name__29444::before { + background: linear-gradient(to left, var(--hsl-hover-color) 50%, transparent); +} +.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .name__29444::after { + background: linear-gradient( + to right, + var(--hsl-hover-color) 50%, + transparent + ); +} +.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .addButtonIcon__29444 { + color: var(--hsl-hover-color); +} +.icon__29444 { + display: none; +} +.newChannel__599fa { + background: var(--hsl-main-color) !important; + color: #000000; /* Black text */ +} +.sidebarList_c48ade { + border-top-left-radius: 10px; + border: none; + backdrop-filter: none; +} +.container__2637a { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.2) + ); +} +.animatedContainer_f37cb1 { + background-color: rgba(0, 0, 0, 0); + border: none; +} +.unread__2ea32 { + box-shadow: 0 0 6px 1px var(--hsl-main-color); +} +.bar__7aaec, +.bar__3b95d { + background-color: var(--hsl-main-color); + border-color: var(--hsl-main-color); +} +.unreadIcon__7aaec, +.barText__7aaec { + color: var(--interactive-active) !important; +} +.spineBorder__5b40b { + background-color: var(--hsl-main-color); +} +.spine__5b40b { + color: var(--hsl-main-color); +} +.link__2ea32 { + transition: all 0.15s ease-in-out; + margin-left: 4px; +} +.link__2ea32::before { + top: 0; + right: 100%; + bottom: 0; + left: 0; + transition: all 0.15s ease-in-out; + z-index: -1; + border-radius: 4px; +} +.icon__2ea32 { + width: 18px; + height: 18px; + margin-right: 3px; + transition: all 0.15s ease-in-out; + color: var(--hsl-channel-normal); +} +.name__2ea32 { + transition: all 0.15s ease-in-out; + color: var(--hsl-channel-normal); +} +.wrapper__2ea32.modeMuted__2ea32 .name__2ea32, +.wrapper__2ea32.modeMuted__2ea32 .icon__2ea32 { + color: var(--hsl-channel-muted); +} +.wrapper__2ea32:hover .link__2ea32, +.wrapper__2ea32.modeMuted__2ea32:hover .link__2ea32 { + background: var(--background-mod-subtle); +} +.wrapper__2ea32:hover .name__2ea32, +.wrapper__2ea32:hover .icon__2ea32, +.wrapper__2ea32.modeMuted__2ea32:hover .name__2ea32, +.wrapper__2ea32.modeMuted__2ea32:hover .icon__2ea32 { + color: var(--hsl-channel-hover); +} +.wrapper__2ea32.modeUnreadImportant__2ea32 .name__2ea32 { + color: var(--hsl-channel-unread); + text-shadow: 0 0 3px; +} +.wrapper__2ea32.modeUnreadImportant__2ea32 .icon__2ea32 { + color: var(--hsl-channel-unread); + filter: drop-shadow(0 0 3px); +} +.wrapper__2ea32.modeUnreadImportant__2ea32:hover + :is(.name__2ea32, .icon__2ea32) { + color: var(--hsl-channel-unread-hover); +} +.wrapper__2ea32.modeSelected__2ea32 .link__2ea32 { + background-color: rgba(0, 0, 0, 0); +} +.wrapper__2ea32.modeSelected__2ea32 .link__2ea32::before { + right: 0; + background: var(--hsl-channel-selected-bg); + animation: cv-channel-select 0.3s ease-in-out; +} +.wrapper__2ea32.modeSelected__2ea32 .name__2ea32, +.wrapper__2ea32.modeSelected__2ea32 .icon__2ea32 { + color: var(--hsl-channel-selected); +} +.wrapper__2ea32.modeConnected__2ea32 .name__2ea32 { + color: var(--hsl-main-color); + text-shadow: 0 0 3px; +} +.wrapper__2ea32.modeConnected__2ea32 .icon__2ea32 { + color: var(--hsl-main-color); + filter: drop-shadow(0 0 3px); +} +.wrapper__260e1, +.users__260e1 { + background: rgba(0, 0, 0, 0); +} +.users__260e1 { + padding: 0 8px 0 6px; +} +.total__260e1 { + padding: 0 6px 0 1px; +} +.list_c3cd7d { + padding-left: 24px; +} +.voiceUser__07f91 { + z-index: 1; +} +.voiceUser__07f91 .content__07f91 { + border-radius: 3px; + transition: all 0.15s ease-in-out; +} +.voiceUser__07f91 .avatarSpeaking__07f91 { + box-shadow: 0 0 0 2px var(--hsl-main-color), inset 0 0 3px rgba(0, 0, 0, 0.5); + position: relative; + transition: all 0.1s ease-in-out; +} +.voiceUser__07f91 .avatarSpeaking__07f91:after { + content: ""; + top: -2px; + bottom: -2px; + width: 150px; + position: absolute; + height: 1.8em; + background: linear-gradient(to right, var(--hsl-main-color) 10%, transparent); + opacity: 0.5; + transition: all 0.1s ease-in-out, width 0.15s ease-in-out; + pointer-events: none; + z-index: -1; + border-radius: 999px 0 0 999px; +} +.voiceUser__07f91 .username__07f91 { + color: hsla(0, 0%, 100%, 0.5); + transition: all 0.1s ease-in-out; +} +.voiceUser__07f91 .usernameSpeaking__07f91 { + color: #fff; +} +.privateChannels__35e86 { + background: hsl( + from var(--hsl-background-shading) h s + l/calc(var(--background-shading-percent) * 0.2) + ); + padding-bottom: var(--custom-app-panels-height, 0); +} +.scroller__99e7c { + background: rgba(0, 0, 0, 0); + margin: 0; +} +.privateChannelsHeaderContainer__99e7c, +.privateChannelsHeaderContainer__99e7c:hover { + color: var(--hsl-main-color); +} +.headerText__99e7c { + display: flex; + text-transform: uppercase; + font-size: 14px; + font-weight: 700; + align-items: center; +} +.headerText__99e7c::before { + content: ""; + height: 2px; + flex-grow: 1; + background: linear-gradient(to left, currentColor 50%, transparent); + margin-right: 5px; +} +.headerText__99e7c::after { + content: ""; + height: 2px; + flex-grow: 1; + background: linear-gradient(to right, currentColor 50%, transparent); + margin-left: 5px; +} +.plusIcon__675e5, +.privateChannelRecipientsInviteButtonIcon__99e7c { + color: var(--hsl-main-color); +} +.plusIcon__675e5:hover, +.privateChannelRecipientsInviteButtonIcon__99e7c:hover { + color: var(--hsl-hover-color); +} +.empty__99e7c { + fill: var(--text-default); + opacity: 0.15; +} +.interactive__972a0 { + transition: all 0.15s ease-in-out; + border-radius: 4px; +} +.interactive__972a0::before { + content: ""; + position: absolute; + top: 0; + right: 100%; + bottom: 0; + left: 0; + transition: all 0.15s ease-in-out; + z-index: -1; + border-radius: 4px; +} +.interactive__972a0:hover { + background: var(--background-mod-subtle); +} +.interactive__972a0.interactiveSelected__972a0 { + background-color: rgba(0, 0, 0, 0); + color: var(--interactive-active); +} +.interactive__972a0.interactiveSelected__972a0::before { + right: 0; + background: var(--hsl-main-color); + animation: cv-channel-select 0.3s ease-in-out; +} +.interactive__972a0.interactiveSelected__972a0 .activityStatusText__972a0 { + color: var(--interactive-active); +} +.interactive__972a0.interactiveSelected__972a0 + .activityStatusText__972a0 + strong { + color: var(--interactive-active); +} +.sidebar_c48ade { + background: rgba(0, 0, 0, 0); +} +.sidebar_c48ade:after { + display: none; +} diff --git a/Wallpaper/Arknight_Entelechia.png b/Wallpaper/Arknight_Entelechia.png new file mode 100644 index 0000000..f76fb61 Binary files /dev/null and b/Wallpaper/Arknight_Entelechia.png differ diff --git a/Wallpaper/Arknight_Kal'tsit.png b/Wallpaper/Arknight_Kal'tsit.png new file mode 100644 index 0000000..51b22b7 Binary files /dev/null and b/Wallpaper/Arknight_Kal'tsit.png differ diff --git a/Wallpaper/Arknight_Lemuen.png b/Wallpaper/Arknight_Lemuen.png new file mode 100644 index 0000000..7df9352 Binary files /dev/null and b/Wallpaper/Arknight_Lemuen.png differ diff --git a/Wallpaper/Arknight_Mostima.png b/Wallpaper/Arknight_Mostima.png new file mode 100644 index 0000000..e4c80ab Binary files /dev/null and b/Wallpaper/Arknight_Mostima.png differ diff --git a/Wallpaper/Arknight_Theresa.png b/Wallpaper/Arknight_Theresa.png new file mode 100644 index 0000000..cb42ae0 Binary files /dev/null and b/Wallpaper/Arknight_Theresa.png differ diff --git a/Wallpaper/Arknight_Wiš'adel.png b/Wallpaper/Arknight_Wiš'adel.png new file mode 100644 index 0000000..ef7f277 Binary files /dev/null and b/Wallpaper/Arknight_Wiš'adel.png differ diff --git a/Wallpaper/Arknights_Amiya.png b/Wallpaper/Arknights_Amiya.png new file mode 100644 index 0000000..03688ca Binary files /dev/null and b/Wallpaper/Arknights_Amiya.png differ diff --git a/Wallpaper/Arknights_Amiya_2.png b/Wallpaper/Arknights_Amiya_2.png new file mode 100644 index 0000000..ebb0bcf Binary files /dev/null and b/Wallpaper/Arknights_Amiya_2.png differ diff --git a/Wallpaper/Endfield_Perlica.png b/Wallpaper/Endfield_Perlica.png new file mode 100644 index 0000000..add08de Binary files /dev/null and b/Wallpaper/Endfield_Perlica.png differ diff --git a/Wallpaper/Endfield_Perlica_2.png b/Wallpaper/Endfield_Perlica_2.png new file mode 100644 index 0000000..9279990 Binary files /dev/null and b/Wallpaper/Endfield_Perlica_2.png differ diff --git a/Wallpaper/Endfields_Endministrator.png b/Wallpaper/Endfields_Endministrator.png new file mode 100644 index 0000000..2a9b84f Binary files /dev/null and b/Wallpaper/Endfields_Endministrator.png differ diff --git a/Wallpaper/Fate_Artoria Pendragon.png b/Wallpaper/Fate_Artoria Pendragon.png new file mode 100644 index 0000000..3abf0e7 Binary files /dev/null and b/Wallpaper/Fate_Artoria Pendragon.png differ diff --git a/Wallpaper/Fate_Artoria Pendragon_2.png b/Wallpaper/Fate_Artoria Pendragon_2.png new file mode 100644 index 0000000..93855e9 Binary files /dev/null and b/Wallpaper/Fate_Artoria Pendragon_2.png differ diff --git a/Wallpaper/Genshin_Ayaka.png b/Wallpaper/Genshin_Ayaka.png new file mode 100644 index 0000000..09b3f0f Binary files /dev/null and b/Wallpaper/Genshin_Ayaka.png differ diff --git a/Wallpaper/Genshin_Ayaka_2.png b/Wallpaper/Genshin_Ayaka_2.png new file mode 100644 index 0000000..ef52d40 Binary files /dev/null and b/Wallpaper/Genshin_Ayaka_2.png differ diff --git a/Wallpaper/Genshin_Ayaka_3.png b/Wallpaper/Genshin_Ayaka_3.png new file mode 100644 index 0000000..930a06d Binary files /dev/null and b/Wallpaper/Genshin_Ayaka_3.png differ diff --git a/Wallpaper/Genshin_Chiori.png b/Wallpaper/Genshin_Chiori.png new file mode 100644 index 0000000..424a9cf Binary files /dev/null and b/Wallpaper/Genshin_Chiori.png differ diff --git a/Wallpaper/Genshin_Escoffier.png b/Wallpaper/Genshin_Escoffier.png new file mode 100644 index 0000000..6415866 Binary files /dev/null and b/Wallpaper/Genshin_Escoffier.png differ diff --git a/Wallpaper/Genshin_Fischl.png b/Wallpaper/Genshin_Fischl.png new file mode 100644 index 0000000..18300ec Binary files /dev/null and b/Wallpaper/Genshin_Fischl.png differ diff --git a/Wallpaper/Genshin_Furina.png b/Wallpaper/Genshin_Furina.png new file mode 100644 index 0000000..366e7e8 Binary files /dev/null and b/Wallpaper/Genshin_Furina.png differ diff --git a/Wallpaper/Genshin_Furina_2.png b/Wallpaper/Genshin_Furina_2.png new file mode 100644 index 0000000..cb58053 Binary files /dev/null and b/Wallpaper/Genshin_Furina_2.png differ diff --git a/Wallpaper/Genshin_Ganyu.png b/Wallpaper/Genshin_Ganyu.png new file mode 100644 index 0000000..20bb711 Binary files /dev/null and b/Wallpaper/Genshin_Ganyu.png differ diff --git a/Wallpaper/Genshin_Hutao.png b/Wallpaper/Genshin_Hutao.png new file mode 100644 index 0000000..935aa54 Binary files /dev/null and b/Wallpaper/Genshin_Hutao.png differ diff --git a/Wallpaper/Genshin_Hutao_2.png b/Wallpaper/Genshin_Hutao_2.png new file mode 100644 index 0000000..b1b88be Binary files /dev/null and b/Wallpaper/Genshin_Hutao_2.png differ diff --git a/Wallpaper/Genshin_Jingliu.png b/Wallpaper/Genshin_Jingliu.png new file mode 100644 index 0000000..7c62d48 Binary files /dev/null and b/Wallpaper/Genshin_Jingliu.png differ diff --git a/Wallpaper/Genshin_Kokomi.png b/Wallpaper/Genshin_Kokomi.png new file mode 100644 index 0000000..cb7081a Binary files /dev/null and b/Wallpaper/Genshin_Kokomi.png differ diff --git a/Wallpaper/Genshin_Lumine.png b/Wallpaper/Genshin_Lumine.png new file mode 100644 index 0000000..251c214 Binary files /dev/null and b/Wallpaper/Genshin_Lumine.png differ diff --git a/Wallpaper/Genshin_Lumine_10.png b/Wallpaper/Genshin_Lumine_10.png new file mode 100644 index 0000000..b1c058e Binary files /dev/null and b/Wallpaper/Genshin_Lumine_10.png differ diff --git a/Wallpaper/Genshin_Lumine_2.png b/Wallpaper/Genshin_Lumine_2.png new file mode 100644 index 0000000..1e55cfb Binary files /dev/null and b/Wallpaper/Genshin_Lumine_2.png differ diff --git a/Wallpaper/Genshin_Lumine_3.png b/Wallpaper/Genshin_Lumine_3.png new file mode 100644 index 0000000..d0113ad Binary files /dev/null and b/Wallpaper/Genshin_Lumine_3.png differ diff --git a/Wallpaper/Genshin_Lumine_4.png b/Wallpaper/Genshin_Lumine_4.png new file mode 100644 index 0000000..d7ea06c Binary files /dev/null and b/Wallpaper/Genshin_Lumine_4.png differ diff --git a/Wallpaper/Genshin_Lumine_5.png b/Wallpaper/Genshin_Lumine_5.png new file mode 100644 index 0000000..ab5338f Binary files /dev/null and b/Wallpaper/Genshin_Lumine_5.png differ diff --git a/Wallpaper/Genshin_Lumine_6.png b/Wallpaper/Genshin_Lumine_6.png new file mode 100644 index 0000000..e768503 Binary files /dev/null and b/Wallpaper/Genshin_Lumine_6.png differ diff --git a/Wallpaper/Genshin_Lumine_7.png b/Wallpaper/Genshin_Lumine_7.png new file mode 100644 index 0000000..fc4cd36 Binary files /dev/null and b/Wallpaper/Genshin_Lumine_7.png differ diff --git a/Wallpaper/Genshin_Lumine_8.png b/Wallpaper/Genshin_Lumine_8.png new file mode 100644 index 0000000..5be0c36 Binary files /dev/null and b/Wallpaper/Genshin_Lumine_8.png differ diff --git a/Wallpaper/Genshin_Lumine_9.png b/Wallpaper/Genshin_Lumine_9.png new file mode 100644 index 0000000..38d79eb Binary files /dev/null and b/Wallpaper/Genshin_Lumine_9.png differ diff --git a/Wallpaper/Genshin_Navia.png b/Wallpaper/Genshin_Navia.png new file mode 100644 index 0000000..1268091 Binary files /dev/null and b/Wallpaper/Genshin_Navia.png differ diff --git a/Wallpaper/Genshin_Navia_2.png b/Wallpaper/Genshin_Navia_2.png new file mode 100644 index 0000000..8708cb2 Binary files /dev/null and b/Wallpaper/Genshin_Navia_2.png differ diff --git a/Wallpaper/Genshin_Nilou.png b/Wallpaper/Genshin_Nilou.png new file mode 100644 index 0000000..52f6fff Binary files /dev/null and b/Wallpaper/Genshin_Nilou.png differ diff --git a/Wallpaper/Genshin_Raiden Mei.png b/Wallpaper/Genshin_Raiden Mei.png new file mode 100644 index 0000000..2aab49c Binary files /dev/null and b/Wallpaper/Genshin_Raiden Mei.png differ diff --git a/Wallpaper/Genshin_Yae Miko.png b/Wallpaper/Genshin_Yae Miko.png new file mode 100644 index 0000000..2e1ed38 Binary files /dev/null and b/Wallpaper/Genshin_Yae Miko.png differ diff --git a/Wallpaper/Genshin_Yae Miko_2.png b/Wallpaper/Genshin_Yae Miko_2.png new file mode 100644 index 0000000..b068144 Binary files /dev/null and b/Wallpaper/Genshin_Yae Miko_2.png differ diff --git a/Wallpaper/Genshin_Yoimiya.png b/Wallpaper/Genshin_Yoimiya.png new file mode 100644 index 0000000..295f8cb Binary files /dev/null and b/Wallpaper/Genshin_Yoimiya.png differ diff --git a/Wallpaper/Genshin_Yumemizuki Mizuki.png b/Wallpaper/Genshin_Yumemizuki Mizuki.png new file mode 100644 index 0000000..62186b5 Binary files /dev/null and b/Wallpaper/Genshin_Yumemizuki Mizuki.png differ diff --git a/Wallpaper/Honkai_Seele Vollerei.png b/Wallpaper/Honkai_Seele Vollerei.png new file mode 100644 index 0000000..4491bd4 Binary files /dev/null and b/Wallpaper/Honkai_Seele Vollerei.png differ diff --git a/Wallpaper/Others_Frieren.png b/Wallpaper/Others_Frieren.png new file mode 100644 index 0000000..4f18ded Binary files /dev/null and b/Wallpaper/Others_Frieren.png differ diff --git a/Wallpaper/Others_Leda.png b/Wallpaper/Others_Leda.png new file mode 100644 index 0000000..7318501 Binary files /dev/null and b/Wallpaper/Others_Leda.png differ diff --git a/Wallpaper/StarRail_Acheron.png b/Wallpaper/StarRail_Acheron.png new file mode 100644 index 0000000..a7ee030 Binary files /dev/null and b/Wallpaper/StarRail_Acheron.png differ diff --git a/Wallpaper/StarRail_Cerydra.png b/Wallpaper/StarRail_Cerydra.png new file mode 100644 index 0000000..7a7c75a Binary files /dev/null and b/Wallpaper/StarRail_Cerydra.png differ diff --git a/Wallpaper/StarRail_Elysia.png b/Wallpaper/StarRail_Elysia.png new file mode 100644 index 0000000..ae410dc Binary files /dev/null and b/Wallpaper/StarRail_Elysia.png differ diff --git a/Wallpaper/StarRail_Firefly.png b/Wallpaper/StarRail_Firefly.png new file mode 100644 index 0000000..ed0d916 Binary files /dev/null and b/Wallpaper/StarRail_Firefly.png differ diff --git a/Wallpaper/StarRail_Fuxuan.png b/Wallpaper/StarRail_Fuxuan.png new file mode 100644 index 0000000..db98f78 Binary files /dev/null and b/Wallpaper/StarRail_Fuxuan.png differ diff --git a/Wallpaper/StarRail_Seele.png b/Wallpaper/StarRail_Seele.png new file mode 100644 index 0000000..28b4330 Binary files /dev/null and b/Wallpaper/StarRail_Seele.png differ diff --git a/Wallpaper/StarRail_Silver Wolf.png b/Wallpaper/StarRail_Silver Wolf.png new file mode 100644 index 0000000..29e9be1 Binary files /dev/null and b/Wallpaper/StarRail_Silver Wolf.png differ diff --git a/Wallpaper/StarRail_Sparkle.png b/Wallpaper/StarRail_Sparkle.png new file mode 100644 index 0000000..14bd1e9 Binary files /dev/null and b/Wallpaper/StarRail_Sparkle.png differ diff --git a/Wallpaper/StarRail_Topaz.png b/Wallpaper/StarRail_Topaz.png new file mode 100644 index 0000000..dcf1fbc Binary files /dev/null and b/Wallpaper/StarRail_Topaz.png differ diff --git a/Wallpaper/Wuthering_Augusta.png b/Wallpaper/Wuthering_Augusta.png new file mode 100644 index 0000000..188bfa2 Binary files /dev/null and b/Wallpaper/Wuthering_Augusta.png differ diff --git a/Wallpaper/Wuthering_Carlotta.png b/Wallpaper/Wuthering_Carlotta.png new file mode 100644 index 0000000..c513fc2 Binary files /dev/null and b/Wallpaper/Wuthering_Carlotta.png differ diff --git a/Wallpaper/Wuthering_Carlotta_2.png b/Wallpaper/Wuthering_Carlotta_2.png new file mode 100644 index 0000000..1660b47 Binary files /dev/null and b/Wallpaper/Wuthering_Carlotta_2.png differ diff --git a/Wallpaper/Wuthering_Cartethyia.png b/Wallpaper/Wuthering_Cartethyia.png new file mode 100644 index 0000000..124ca2b Binary files /dev/null and b/Wallpaper/Wuthering_Cartethyia.png differ diff --git a/Wallpaper/Wuthering_Jianxin.png b/Wallpaper/Wuthering_Jianxin.png new file mode 100644 index 0000000..18c7081 Binary files /dev/null and b/Wallpaper/Wuthering_Jianxin.png differ diff --git a/Wallpaper/Wuthering_Jinhsi.png b/Wallpaper/Wuthering_Jinhsi.png new file mode 100644 index 0000000..cec92e1 Binary files /dev/null and b/Wallpaper/Wuthering_Jinhsi.png differ diff --git a/Wallpaper/Wuthering_Phoebe.png b/Wallpaper/Wuthering_Phoebe.png new file mode 100644 index 0000000..24cc769 Binary files /dev/null and b/Wallpaper/Wuthering_Phoebe.png differ diff --git a/Wallpaper/Wuthering_Phoebe_2.png b/Wallpaper/Wuthering_Phoebe_2.png new file mode 100644 index 0000000..a565784 Binary files /dev/null and b/Wallpaper/Wuthering_Phoebe_2.png differ diff --git a/Wallpaper/Wuthering_Phoebe_3.png b/Wallpaper/Wuthering_Phoebe_3.png new file mode 100644 index 0000000..70ce1aa Binary files /dev/null and b/Wallpaper/Wuthering_Phoebe_3.png differ diff --git a/Wallpaper/Wuthering_Phrolova.png b/Wallpaper/Wuthering_Phrolova.png new file mode 100644 index 0000000..2311264 Binary files /dev/null and b/Wallpaper/Wuthering_Phrolova.png differ diff --git a/Wallpaper/Wuthering_Shorekeeper.png b/Wallpaper/Wuthering_Shorekeeper.png new file mode 100644 index 0000000..6a40356 Binary files /dev/null and b/Wallpaper/Wuthering_Shorekeeper.png differ diff --git a/Wallpaper/Wuthering_Shorekeeper_2.png b/Wallpaper/Wuthering_Shorekeeper_2.png new file mode 100644 index 0000000..f8e7a9b Binary files /dev/null and b/Wallpaper/Wuthering_Shorekeeper_2.png differ diff --git a/Wallpaper/Wuthering_Shorekeeper_3.png b/Wallpaper/Wuthering_Shorekeeper_3.png new file mode 100644 index 0000000..8d66dcb Binary files /dev/null and b/Wallpaper/Wuthering_Shorekeeper_3.png differ diff --git a/Wallpaper/Wuthering_Shorekeeper_4.png b/Wallpaper/Wuthering_Shorekeeper_4.png new file mode 100644 index 0000000..3076df6 Binary files /dev/null and b/Wallpaper/Wuthering_Shorekeeper_4.png differ diff --git a/Wallpaper/Wuthering_Shorekeeper_5.png b/Wallpaper/Wuthering_Shorekeeper_5.png new file mode 100644 index 0000000..623216f Binary files /dev/null and b/Wallpaper/Wuthering_Shorekeeper_5.png differ diff --git a/Wallpaper/Wuthering_Shorekeeper_6.png b/Wallpaper/Wuthering_Shorekeeper_6.png new file mode 100644 index 0000000..2a8ee55 Binary files /dev/null and b/Wallpaper/Wuthering_Shorekeeper_6.png differ diff --git a/Wallpaper/Wuthering_Shorekeeper_7.png b/Wallpaper/Wuthering_Shorekeeper_7.png new file mode 100644 index 0000000..4d89267 Binary files /dev/null and b/Wallpaper/Wuthering_Shorekeeper_7.png differ diff --git a/Wallpaper/Wuthering_Shorekeeper_8.png b/Wallpaper/Wuthering_Shorekeeper_8.png new file mode 100644 index 0000000..c0b92c8 Binary files /dev/null and b/Wallpaper/Wuthering_Shorekeeper_8.png differ diff --git a/Wallpaper/Wuthering_Yangyang.png b/Wallpaper/Wuthering_Yangyang.png new file mode 100644 index 0000000..cdf9c81 Binary files /dev/null and b/Wallpaper/Wuthering_Yangyang.png differ diff --git a/Wallpaper/Wuthering_Yinlin.png b/Wallpaper/Wuthering_Yinlin.png new file mode 100644 index 0000000..dcb6df5 Binary files /dev/null and b/Wallpaper/Wuthering_Yinlin.png differ diff --git a/Wallpaper/Zenless_Hoshimi Miyabi.png b/Wallpaper/Zenless_Hoshimi Miyabi.png new file mode 100644 index 0000000..a768583 Binary files /dev/null and b/Wallpaper/Zenless_Hoshimi Miyabi.png differ diff --git a/Wallpaper/Zenless_Jane Doe.png b/Wallpaper/Zenless_Jane Doe.png new file mode 100644 index 0000000..534aa62 Binary files /dev/null and b/Wallpaper/Zenless_Jane Doe.png differ