sadorowo/dots
1
0
Fork 0
Code Issues Activity

feat: migrate to Stylix

Browse Source
This commit is contained in:
Franek 2025-05-02 22:05:06 +02:00
parent 97130dbe27
commit 7de7d38e61
11 changed files with 58 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
ags/styles/colors.scss
View File

@ -1,26 +0,0 @@
// SCSS Variables
// Generated by 'wal'
$wallpaper: "/home/sadorowo/images/wallpapers/youtube_Sheri_170.jpg";
// Special
$background: #f9f6f3;
$foreground: #251F23;
$cursor: #251F23;
// Colors
$color0: #f9f6f3;
$color1: #AB8772;
$color2: #D69768;
$color3: #727188;
$color4: #897A85;
$color5: #79869C;
$color6: #A29597;
$color7: #251F23;
$color8: #82766c;
$color9: #AB8772;
$color10: #D69768;
$color11: #727188;
$color12: #897A85;
$color13: #79869C;
$color14: #A29597;
$color15: #251F23;

8
ags/styles/components/_bar.scss
View File

@ -1,4 +1,4 @@
@use '../colors' as *; @use '../../../theme_colors.scss' as *;
window.bar { window.bar {
font-weight: bold; font-weight: bold;
@ -10,17 +10,17 @@ window.bar {
>.inner { >.inner {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
background: $color5; background: $base0B;
padding: 0.25rem 1rem; padding: 0.25rem 1rem;
margin: 0; margin: 0;
* { color: $color0; } * { color: $base00; }
} }
.tray .item { .tray .item {
padding: 0; padding: 0;
margin: 0; margin: 0;
background: $color5; background: $base0B;
image { image {
padding: 0; padding: 0;

22
ags/styles/components/_battery_info.scss
View File

@ -1,10 +1,10 @@
@use '../colors' as *; @use '../../../theme_colors.scss' as *;
window.battery_info { window.battery_info {
font-weight: bold; font-weight: bold;
>box { >box {
border: 1px solid $color0; border: 1px solid $base00;
border-radius: 10px; border-radius: 10px;
margin: 8px; margin: 8px;
} }
@ -12,7 +12,7 @@ window.battery_info {
>.inner { >.inner {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
background: $color5; background: $base0B;
padding: 0.75rem 3rem; padding: 0.75rem 3rem;
margin: 0; margin: 0;
@ -22,7 +22,7 @@ window.battery_info {
* { * {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
color: $color0; color: $base00;
} }
} }
@ -33,24 +33,24 @@ window.battery_info {
window.battery_info button { window.battery_info button {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
background: $color5; background: $base0B;
border: 2px solid $color0; border: 2px solid $base00;
margin: 5px; margin: 5px;
&:hover { &:hover {
background: $color0; background: $base00;
* { * {
color: $color5; color: $base0B;
} }
} }
&.active { &.active {
background: $color0; background: $base00;
border: 0.5px solid $color5; border: 0.5px solid $base0B;
* { * {
color: $color5; color: $base0B;
} }
} }
} }

24
ags/styles/components/_clipboard.scss
View File

@ -1,51 +1,51 @@
@use '../colors' as *; @use '../../../theme_colors.scss' as *;
.clipboard { .clipboard {
entry { entry {
background: $color5; background: $base0B;
color: $color0; color: $base00;
padding: 8px 12px; padding: 8px 12px;
border: none; border: none;
margin-bottom: 6px; margin-bottom: 6px;
&:focus { &:focus {
outline: 2px solid $color0; outline: 2px solid $base00;
} }
} }
.entry.primary { .entry.primary {
background: $color3; background: $base00;
&:hover>.content { &:hover>.content {
color: $color3; color: $base0B;
} }
} }
.entry { .entry {
padding: 10px; padding: 10px;
background: $color5; background: $base0B;
border-radius: 8px; border-radius: 8px;
transition: background 0.2s ease; transition: background 0.2s ease;
&:hover { &:hover {
background: $color0; background: $base00;
>.content { >.content {
color: $color5; color: $base0B;
} }
} }
.content { .content {
color: $color0; color: $base00;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
} }
.not-found { .not-found {
background: $color5; background: $base0B;
color: $color0; color: $base00;
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
border-radius: 8px; border-radius: 8px;

22
ags/styles/components/_launcher.scss
View File

@ -1,31 +1,31 @@
@use '../colors' as *; @use '../../../theme_colors.scss' as *;
.launcher { .launcher {
entry { entry {
background: $color5; background: $base0B;
color: $color0; color: $base00;
padding: 8px 12px; padding: 8px 12px;
border: none; border: none;
margin-bottom: 6px; margin-bottom: 6px;
&:focus { &:focus {
outline: 2px solid $color0; outline: 2px solid $base00;
} }
} }
.application { .application {
padding: 10px; padding: 10px;
background: $color5; background: $base0B;
border-radius: 8px; border-radius: 8px;
transition: background 0.2s ease; transition: background 0.2s ease;
&:hover { &:hover {
background: $color0; background: $base00;
box>.name, box>.name,
box>.description { box>.description {
color: $color5; color: $base0B;
} }
} }
@ -34,20 +34,20 @@
} }
.name { .name {
color: $color0; color: $base00;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
.description { .description {
color: $color0; color: $base00;
font-size: 12px; font-size: 12px;
} }
} }
.not-found { .not-found {
background: $color5; background: $base0B;
color: $color0; color: $base00;
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
border-radius: 8px; border-radius: 8px;

26
ags/styles/components/_quick_settings.scss
View File

@ -1,10 +1,10 @@
@use '../colors' as *; @use '../../../theme_colors.scss' as *;
window.quick_settings { window.quick_settings {
font-weight: bold; font-weight: bold;
>box { >box {
border: 1px solid $color0; border: 1px solid $base00;
border-radius: 10px; border-radius: 10px;
margin: 8px; margin: 8px;
} }
@ -12,13 +12,13 @@ window.quick_settings {
>.inner { >.inner {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
background: $color5; background: $base0B;
padding: 0.75rem 3rem; padding: 0.75rem 3rem;
margin: 0; margin: 0;
* { * {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
color: $color0; color: $base00;
} }
} }
@ -29,11 +29,11 @@ window.quick_settings {
window.qs_bluetooth { window.qs_bluetooth {
>.inner { >.inner {
background: $color5; background: $base0B;
padding: 0.75rem 3rem; padding: 0.75rem 3rem;
border-radius: 10px; border-radius: 10px;
* { color: $color0; } * { color: $base00; }
} }
.device { .device {
@ -47,24 +47,24 @@ window.qs_bluetooth {
window.quick_settings button, window.qs_bluetooth button { window.quick_settings button, window.qs_bluetooth button {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
background: $color5; background: $base0B;
border: 2px solid $color0; border: 2px solid $base00;
margin: 5px; margin: 5px;
&:hover { &:hover {
background: $color0; background: $base00;
* { * {
color: $color5; color: $base0B;
} }
} }
&.active { &.active {
background: $color0; background: $base00;
border: 0.5px solid $color5; border: 0.5px solid $base0B;
* { * {
color: $color5; color: $base0B;
} }
} }
} }

9
ags/styles/style.scss
View File

@ -1,5 +1,6 @@
@use '../../../theme_colors.scss' as *;
@use 'variables' as *; @use 'variables' as *;
@use 'colors' as *;
@use 'mixins'; @use 'mixins';
@use 'classes'; @use 'classes';
@use 'components'; @use 'components';
@ -9,11 +10,11 @@
} }
separator { separator {
background: $color0; background: $base00;
} }
popover>contents, calendar { popover>contents, calendar {
background: $color5; background: $base0B;
} }
button, button:hover { button, button:hover {
@ -21,7 +22,7 @@ button, button:hover {
} }
popover modelbutton { popover modelbutton {
&:hover, &:focus { background: $color6; } &:hover, &:focus { background: $base0C; }
} }
image { image {

2
hypr/config/animations.conf
View File

@ -14,7 +14,7 @@ animations {
animation = workspaces, 1, 6, default animation = workspaces, 1, 6, default
animation = layersIn, 1, 3, menuOpen, slide animation = layersIn, 1, 3, menuOpen, slide
animation = layersOut, 1, 1.6, menuClose animation = layersOut, 1, 1.6, menuClose, slide
animation = fadeLayersIn, 1, 2, menuOpen animation = fadeLayersIn, 1, 2, menuOpen
animation = fadeLayersOut, 1, 4.5, menuClose animation = fadeLayersOut, 1, 4.5, menuClose
} }

1
hypr/hyprpaper.conf Symbolic link
View File

@ -0,0 +1 @@
/nix/store/9pn39dgph6rpfvw2dmw4qn2qcsk3bqmn-home-manager-files/.config/hypr/hyprpaper.conf

31
hypr/scripts/random-wallpaper.sh
View File

@ -1,31 +0,0 @@
#!/usr/bin/env -S bash
WALLPAPER_DIR="$HOME/images/wallpapers"
THEME=$(darkman get)
FLAGS=()
if [ ! -d "$WALLPAPER_DIR" ]; then
echo "Wallpaper directory does not exist: $WALLPAPER_DIR"
exit 1
fi
if [[ "$THEME" == "light" ]]; then
FLAGS+=("-l")
fi
WALLPAPER=$(find "$WALLPAPER_DIR" -type f \( -iname "*.jpg" -o -iname "*.png" -o -iname "*.jpeg" \) | shuf -n 1)
swww img "$WALLPAPER" \
--transition-type random \
--transition-duration 0.8 \
--transition-fps 60
if command -v "wal" &> /dev/null; then
wal -i "$WALLPAPER" -n ${FLAGS[@]}
cp ~/.cache/wal/colors.scss ~/.config/ags/styles/colors.scss
fi
if command -v "pywalfox" &> /dev/null; then
pywalfox $THEME
pywalfox update
fi

19
wal/templates/colors-hyprland.conf
View File

@ -1,19 +0,0 @@
$foreground = rgb({foreground.strip})
$background = rgb({color0.strip})
$color0 = rgb({color0.strip})
$color1 = rgb({color1.strip})
$color2 = rgb({color2.strip})
$color3 = rgb({color3.strip})
$color4 = rgb({color4.strip})
$color5 = rgb({color5.strip})
$color6 = rgb({color6.strip})
$color7 = rgb({color7.strip})
$color8 = rgb({color8.strip})
$color9 = rgb({color9.strip})
$color10 = rgb({color10.strip})
$color11 = rgb({color11.strip})
$color12 = rgb({color12.strip})
$color13 = rgb({color13.strip})
$color14 = rgb({color14.strip})
$color15 = rgb({color15.strip})