yoru

<div align="center"> <a href="#--------"> <img src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/yoru-banner.png" alt="主页预览"> </a> </div> <a href="#wrench--setup"><img width="150px" style="padding: 0 10px;" src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/button-setup.png"></a> <a href="https://github.com/rxyhn/yoru/wiki"><img width="150px" style="padding: 0 10px;" src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/button-wiki.png"></a> <a href="#ocean--gallery"><img width="150px" style="padding: 0 10px;" src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/button-gallery.png"></a> <a href="#money_with_wings--tip-jar"><img width="150px" style="padding: 0 10px;" src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/button-tipjar.png"></a>  <div align="center"> <a href="#--------"> <img src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/yoru.png" alt="美化预览"> </a> </div>  <h1> <a href="#--------"> <img alt="" align="right" src="https://img.shields.io/github/stars/rxyhn/yoru?color=0C0E0F&labelColor=0C0E0F&style=for-the-badge"/> </a> <a href="#--------"> <img alt="" align="left" src="https://badges.pufler.dev/visits/rxyhn/yoru?style=flat-square&label=&color=0C0E0F&logo=github&logoColor=white&labelColor=0C0E0F"/> </a> </h1>

你好！感谢你的光临！:heart_on_fire:

Yoru (夜) 美观优雅的 Awesome 环境

欢迎来到"Yoru (夜) 美观优雅的 Awesome 环境"！

在这里，你将发现我精心制作的 AwesomeWM 配置文件——一套经过完善的个人收藏。

无论你是为寻找 AwesomeWM 配置文件而来，还是为你的 Linux 美化之旅寻求灵感，这里都是你的理想之地。

欢迎随意借鉴我的创作，但请记得注明出处 :)

AwesomeWM 名副其实——它是 X 窗口系统中最强大、最具可定制性的窗口管理器。尽管配置它可能需要投入相当多的时间和精力，但我可以自信地说，最终的美观效果绝对值得。

感谢你的访问和探索我的美学世界。愿你的创作之旅如同"Yoru"取名的夜空（夜）一样璀璨。

:snowflake: ‎ <samp>信息</samp>

以下是我的设置详情：

操作系统： Arch Linux
窗口管理器： awesome
终端： wezterm
Shell： zsh
编辑器： neovim / vscode
合成器： picom
应用启动器： rofi
音乐播放器： ncmpcpp

AwesomeWM 模块：

bling
- 添加新的布局、模块和小部件，主要关注窗口管理
color
- 用于 Lua 中颜色转换的简洁高效 API
layout-machi
- Awesome 的手动布局，带有交互式编辑器
UPower
- 基于 UPowerGlib 的 Awesome WM 电池小部件

主要特性：

引人注目的配色方案
类似 MacOS 的窗口装饰
仪表板面板
信息中心面板
通知中心面板
底部面板
文字时钟锁屏
简约退出屏幕
音乐播放器
应用启动器
Github 活动预览
亮度/音量屏幕显示
布局列表弹出窗口
电池指示器
WiFi 指示器
日历小部件
天气小部件
快速设置小部件
硬件监控小部件
动画工作区指示器
美观的 Naughty 通知
右键主菜单

> 这个仓库有一个 wiki！你可以点击 ~~[这里](https://www.youtube.com/watch?v=UIp6_0kct_U)~~ [这里](https://github.com/rxyhn/yoru/wiki)查看。

:wrench: ‎ <samp>设置</samp>

这是在你的系统上安装 yoru 的步骤说明。只需阅读该死的手册。

<details> <summary>1. 安装所需依赖并启用服务</summary>

:warning: ‎ 这些设置说明仅适用于 Arch Linux（以及其他基于 Arch 的发行版）

假设你的 AUR 助手 是 paru。

首先，你应该安装 AwesomeWM 的 git 版本。

paru -S awesome-git

安装必要的依赖

paru -Sy picom-git wezterm rofi acpi acpid acpi_call upower lxappearance-gtk3 \
jq inotify-tools polkit-gnome xdotool xclip gpick ffmpeg blueman redshift \
pipewire pipewire-alsa pipewire-pulse alsa-utils brightnessctl feh maim \
mpv mpd mpc mpdris2 python-mutagen ncmpcpp playerctl --needed

启用服务

systemctl --user enable mpd.service
systemctl --user start mpd.service

</details> <details> <summary>2. 安装 Yoru</summary>

克隆此仓库

git clone --depth 1 --recurse-submodules https://github.com/rxyhn/yoru.git
cd yoru && git submodule update --remote --merge

复制配置文件

cp -r config/* ~/.config/

安装一些字体（主要是图标字体）以确保文本和图标能正确渲染。

必需的字体：

Roboto - 点此下载
Material Design Icons - 点此下载
Icomoon - 点此下载

可选字体：

我的自定义 Iosevka 构建(Aesthetic Iosevka) - 点此下载
Azuki 字体 - 点此下载

下载并解压后，将它们放入 ~/.fonts 或 ~/.local/share/fonts 目录。

或者你可以在本仓库的 misc/fonts 文件夹中找到所需的字体。

cp -r misc/fonts/* ~/.fonts/
# 或者复制到 ~/.local/share/fonts
cp -r misc/fonts/* ~/.local/share/fonts/

然后运行以下命令让系统检测新安装的字体。

fc-cache -fv

最后，现在你可以使用 AwesomeWM 登录了

恭喜，至此你已经安装好了 yoru！:tada:

退出当前桌面会话并登录 AwesomeWM

</details>

将主题复制到主题文件夹

sudo cp -rf misc/themes/gtk/Yoru/* /usr/share/themes
cp -rf misc/themes/gtk/Yoru-GTK4/* ~/.config/gtk-4.0

在 ~/.config/gtk-3.0/settings.ini 中添加以下行以设置左侧控制
```
gtk-decoration-layout=close,maximize,minimize:menu
```

要应用主题，请使用 ~~lxappearance~~ lxappearance-gtk3

</details> <details> <summary>Kvantum 主题</summary> <a href="#--------"> <img src="https://raw.githubusercontent.com/rxyhn/yoru/main/" width="500px"> </a>

:ringed_planet: ‎ <samp>Yoru Kvantum 主题</samp>

设置：

将主题复制到 ~/.themes/ 文件夹

cp -rf misc/themes/kvantum ~/.themes/

使用 Kvantum 主题引擎应用主题
打开 Kvantum 并点击 选择 Kvantum 主题文件夹，找到位于 ~/.themes/kvantum/Yoru/ 的主题并选择该文件夹
然后点击 安装此主题
接着点击 更改/删除主题 部分，在 选择主题 下拉框中选择 Yoru，然后点击 使用此主题
现在您应该已经启用并安装了主题

</details> <details> <summary>Firefox 主题</summary> <a href="#--------"> <img src="https://raw.githubusercontent.com/rxyhn/yoru/main/" alt="firefox 主题预览" width="500px"> </a>

:snowman_with_snow: ‎ <samp>Yoru Firefox</samp>

设置：

在 Firefox 中访问 about:config。
搜索 toolkit.legacyUserProfileCustomizations.stylesheets 并将其设置为 true。
将 misc/themes/firefox 中的内容移动到 $HOME/.mozilla/firefox/xxxxxxxx.default-release/chrome。

</details> <details> <summary>Discord 主题</summary> <a href="#--------"> <img src="https://raw.githubusercontent.com/rxyhn/yoru/main/" width="500px"> </a>

:speech_balloon: ‎ <samp>Yoru Discord 主题</samp>

设置：

Powercord

将 discord 文件夹复制到 powercord 主题文件夹

cp -rf misc/themes/discord /POWERCORD安装目录/src/Powercord/themes/

Betterdiscord

将 discord css 复制到 betterdiscord 主题文件夹

cp misc/themes/discord/Yoru.theme.css ~/.config/BetterDiscord/themes/

:warning: 使用第三方客户端违反 Discord 服务条款

</details> <details> <summary>Telegram 主题</summary> <a href="#--------"> <img src="https://raw.githubusercontent.com/rxyhn/yoru/main/" width="500px"> </a>

:telephone_receiver: <samp>Yoru Telegram 主题</samp>

设置：

方法一
1. 访问：https://t.me/addtheme/yoru
2. 用您选择的 Telegram 客户端打开链接
3. 应用主题
方法二
1. 打开 Telegram，进入 设置>聊天设置>三点菜单>创建新主题>导入现有主题
2. 找到主题文件 misc/telegram/Yoru.tdesktop-theme

:warning: 此主题仅适用于 Telegram Desktop，不适用于 MacOS, Android, 和 iOS

</details> <details> <summary>触摸板点击触摸和自然（反向）滚动（<a href="https://wiki.archlinux.org/title/Libinput#Tapping_button_re-mapping">libinput</a>）</summary>

/etc/X11/xorg.conf.d/30-touchpad.conf

Section "InputClass"
    Identifier "touchpad"
    Driver "libinput"
    MatchIsTouchpad "on"
    Option "Tapping" "on"
    Option "TappingButtonMap" "lmr"
    Option "NaturalScrolling" "true"
EndSection

</details>

:art: ‎ <samp>配色方案</samp>

让我为您介绍迷人的"Yoru (夜) 配色方案"！

顾名思义，"Yoru"在英语中意为"夜晚"，这些引人入胜且精致的配色方案专为那些在夜深人静时专注工作的程序员量身打造。精心设计的这款配色方案提供了和谐的色调组合，不懈地保持您的双眼清爽警醒。使用Yoru，您可以深夜编码和工作，而不会因刺眼的颜色而感到疲劳。

这款配色方案的优雅seamlessly融入您环境的每个方面，确保视觉上令人惊叹且连贯的体验。它是您美学配置的完美补充，创造出超越寻常的和谐融合。

我自豪地呈现"Yoru (夜) 配色方案"，这是由我rxyhn亲手精心打造的作品。享受它为您的数字世界带来的美丽吧！<3

<details> <summary>Xresources</summary>

! special
*.foreground:   #edeff0
*.background:   #0c0e0f

! black
*.color0:       #232526
*.color8:       #2c2e2f

! red
*.color1:       #df5b61
*.color9:       #e8646a

! green
*.color2:       #78b892
*.color10:      #81c19b

! yellow
*.color3:       #de8f78
*.color11:      #e79881

! blue
*.color4:       #6791c9
*.color12:      #709ad2

! magenta
*.color5:       #bc83e3
*.color13:      #c58cec

! cyan
*.color6:       #67afc1
*.color14:      #70b8ca

! white
*color7:        #e4e6e7
*color15:       #f2f4f5

</details> <details> <summary>Base46</summary>

base_30 = {
	white = "#edeff0",
	darker_black = "#060809",
	black = "#0c0e0f",
	lighter_black = "#121415",
	one_bg = "#161819",
	one_bg2 = "#1f2122",
	one_bg3 = "#27292a",
	grey = "#343637",
	grey_fg = "#3e4041",
	grey_fg2 = "#484a4b",
	light_grey = "#505253",
	red = "#DF5B61",
	baby_pink = "#EE6A70",
	pink = "#e8646a",
	line = "#1b1d1e",
	green = "#78B892",
	vibrant_green = "#81c19b",
	nord_blue = "#5A84BC",
	blue = "#6791C9",
	yellow = "#ecd28b",
	sun = "#f6dc95",
	purple = "#c58cec",
	dark_purple = "#BC83E3",
	teal = "#70b8ca",
	orange = "#E89982",
	cyan = "#67AFC1",
	statusline_bg = "#101213",
	lightbg = "#1d1f20",
	pmenu_bg = "#78B892",
	folder_bg = "#6791C9",
}

base_16 = {
	base00 = "#0c0e0f",
	base01 = "#121415",
	base02 = "#161819",
	base03 = "#1f2122",
	base04 = "#27292a",
	base05 = "#edeff0",
	base06 = "#e4e6e7",
	base07 = "#f2f4f5",
	base08 = "#f26e74",
	base09 = "#ecd28b",
	base0A = "#e79881",
	base0B = "#82c29c",
	base0C = "#6791C9",
	base0D = "#709ad2",
	base0E = "#c58cec",
	base0F = "#e8646a",
}

</details>

:bookmark_tabs: ‎ <samp>字体</samp>

我很高兴与您分享我自己的定制字体，灵感来自Iosevka自定义构建，包含两种独特变体："原版"和"Nerd Font"。这款字体的独特之处在于它对连字的出色支持，提升了您的编码和文本编辑体验。

这款字体在我心中占有特殊地位——它是我最喜欢的等宽字体。它装点着我的终端模拟器和所有代码编辑器，提升了我编码工作的质量。

更棒的是：当与迷人的Yoru配色方案搭配使用时，字体和配色方案之间的协同效应创造出绝对令人着迷的视觉体验。这种组合为您的数字工作空间注入了生命力，使其变得无比精彩！

我邀请您探索并享受我定制字体的美丽和功能，它凝聚了我的dedication和热情。

字体预览：

<details> <summary>常规</summary> <a href="#--------"> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/adbe33a9-7402-4639-bd08-54ca8b48651d.png" alt="字体预览" width="500px"> </a> </details>
<details> <summary>斜体</summary> <a href="#--------"> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/b215fe39-7789-4012-9e22-2c1e34242dff.png" alt="字体预览" width="500px"> </a> </details>

安装：

克隆或下载此仓库
将当前目录切换到 yoru/misc/fonts/Aesthetic Iosevka
选择你想要的变体，或者两者都选
根据你的操作系统采取相应操作：
- Windows：选择字体文件并拖到字体设置或字体控制面板页面。
  - 在Windows 10 1809或更新版本中，默认的字体安装是针对单个用户的，这可能会导致某些应用程序（主要是用Java编写的）出现兼容性问题。为了解决这个问题，请右击并选择"为所有用户安装"。参考
- macOS：按照这里的说明操作。
- Linux：将字体文件复制到你的字体目录，然后运行 sudo fc-cache。

使用：

原版：

"editor.fontFamily": "Aesthetic Iosevka Original",
"editor.fontLigatures": true,

Nerd Font版：

"editor.fontFamily": "AestheticIosevka Nerd Font",
"editor.fontLigatures": true,

:ocean: ‎ <samp>画廊</samp>

<b>现代顶部面板</b>
<a href="#--------"><img src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/top_panel.gif" width="500px" alt="底部面板预览"></a>

<b>美观的仪表盘</b>
<a href="#--------"><img src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/central_panel.gif" width="500px" alt="仪表盘预览"></a>

<b>简洁美观的信息中心</b>
<a href="#--------"><img src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/info_panel.gif" width="500px" alt="信息中心预览"></a>

<b>精美的通知中心</b>
<a href="#--------"><img src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/notif_panel.gif" width="500px" alt="通知中心预览"></a>

<b>顽皮的通知</b>
<a href="#--------"><img src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/naughty.gif" width="500px" alt="通知预览"></a>

<b>自定义鼠标友好的ncmpcpp界面</b>
<a href="#--------"><img src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/music_player.gif" width="500px" alt="ncmpcpp预览"></a>

<b>带有PAM集成的锁屏界面</b>
<a href="#--------"><img src="https://raw.githubusercontent.com/rxyhn/yoru/main/assets/lockscreen.gif" width="500px" alt="单词时钟锁屏预览"></a>