Workrave项目CSS样式自定义指南

Workrave项目CSS样式自定义指南

【免费下载链接】workrave Workrave is a program that assists in the recovery and prevention of Repetitive Strain Injury (RSI). The program frequently alerts you to take micro-pauses, rest breaks and restricts you to your daily limit. 项目地址: https://gitcode.com/gh_mirrors/wo/workrave

概述

Workrave是一款帮助用户管理电脑使用时间的健康工具，它提供了完整的CSS样式自定义功能。通过修改CSS文件，用户可以个性化调整Workrave界面元素的外观，特别是休息提醒窗口和计时条的视觉效果。

准备工作

在开始自定义样式前，需要了解以下基本信息：

1. Workrave使用标准的CSS语法进行样式定义
2. 所有自定义样式需要放置在特定位置的user.css文件中
3. 修改后需要重启Workrave使更改生效

配置文件位置

根据操作系统不同，user.css文件的位置有所差异：

• Windows系统：%APPDATA%\workrave\user.css（通常对应路径为C:\Users\<用户名>\AppData\Roaming\workrave\user.css）
• Linux系统：~/.config/workrave/user.css

核心样式类详解

Workrave提供了多个预定义的CSS类，用于控制不同界面元素的样式：

1. 闪烁提示样式

.workrave-flash-warn {
  color: #0055ff; /* 警告提示文字颜色 */
}
.workrave-flash-alert {
  color: purple; /* 警报提示文字颜色 */
}

2. 计时条样式

计时条是Workrave界面的核心元素，显示休息倒计时状态：

.workrave-timebar {
  color: black; /* 文字颜色 */
  background-color: #777777; /* 默认背景色 */
}

计时条有多种状态，每种状态可单独设置样式：

• 活动状态（用户正在工作时）：

.workrave-timebar-active {
  background-color: lightblue;
}

• 非活动状态（休息时间未到）：

.workrave-timebar-inactive {
  background-color: lightgreen;
}

• 特定休息类型（如休息时段）：

.workrave-timebar-inactive#rest-break {
  background-color: mediumspringgreen;
}

• 超时状态（应休息但未休息）：

.workrave-timebar-overdue {
  background-color: orange;
}

3. 复合状态样式

当计时条处于多种状态叠加时，可以使用以下类：

.workrave-timebar-inactive-over-active {
  background-color: #00d4b2;
}
.workrave-timebar-inactive-over-overdue {
  background-color: lightgreen;
}
.workrave-timebar-inactive-over-inactive {
  background-color: #00d4b2;
}

自定义建议

1. 颜色选择：建议使用高对比度颜色组合，确保文字清晰可见
2. 状态区分：不同状态应使用明显不同的颜色，便于快速识别
3. 测试验证：修改后应测试所有可能的状态组合，确保视觉效果一致
4. 备份原始文件：修改前建议备份原始CSS文件

高级技巧

1. 可以使用CSS渐变效果增强计时条的视觉表现
2. 通过添加边框(border)属性可以进一步突出特定状态
3. 使用RGBA颜色值可以实现半透明效果
4. 可以定义动画效果增强状态转换的视觉提示

注意事项

1. 修改CSS文件后必须重启Workrave才能生效
2. 错误的CSS语法可能导致界面显示异常
3. 某些颜色组合可能在深色/浅色主题下表现不同
4. 更新Workrave版本时自定义样式可能会被重置

通过合理配置这些CSS样式，用户可以根据个人喜好和工作环境，打造最适合自己的Workrave视觉体验，既美观又能有效提醒休息时间。

【免费下载链接】workrave Workrave is a program that assists in the recovery and prevention of Repetitive Strain Injury (RSI). The program frequently alerts you to take micro-pauses, rest breaks and restricts you to your daily limit. 项目地址: https://gitcode.com/gh_mirrors/wo/workrave