↓ 跳过正文
彩票号码助手
  1. 文章/

几个Ubuntu adw-colors 主题颜色

·4 分钟·
Ubuntu Adw-Gtk3
目录

比较喜欢用 https://github.com/lassekongo83/adw-gtk3 主题，用 https://github.com/lassekongo83/adw-colors 昨天用 DeepSeek 改了几个😁 真省事、真方便👍👍

  1. 蓝色主题 → “北极蓝调”(Polar Blue)

    • 灵感：冷色调的蓝色让人联想到北极冰川
    • 特点：专业、冷静、清爽的科技感
    • 适合：开发者、办公环境、需要专注的场景

  2. 橙色主题 → “秋日暖阳”(Autumn Glow)

    • 灵感：温暖橙色调如同秋日午后阳光
    • 特点：活力、温暖、富有创造力
    • 适合：创意工作、寒冷季节、需要激发热情的场景

  3. 舒适主题 → “羊绒灰雾”(Cashmere Mist)

    • 灵感：高级羊绒织物的柔软质感
    • 特点：中性、优雅、全天候舒适
    • 适合：长时间使用、设计工作、需要减少视觉疲劳的场景

蓝色主题
#

“北极蓝调”(Polar Blue) 
@define-color window_bg_color #f0f5ff;
@define-color window_fg_color #1a1a2e;
@define-color view_bg_color #e6f0ff;
@define-color view_fg_color #1a1a2e;
@define-color accent_bg_color #3a7bd5;
@define-color accent_fg_color white;
@define-color headerbar_bg_color #d6e4ff;
@define-color headerbar_fg_color #1a1a2e;
@define-color headerbar_backdrop_color @window_bg_color;
@define-color popover_bg_color #e6f0ff;
@define-color popover_fg_color @view_fg_color;
@define-color dialog_bg_color #e6f0ff;
@define-color dialog_fg_color @view_fg_color;
@define-color card_bg_color #e6f0ff;
@define-color card_fg_color @view_fg_color;
@define-color sidebar_bg_color #d6e4ff;
@define-color sidebar_fg_color #1a1a2e;
@define-color sidebar_backdrop_color @window_bg_color;
@define-color sidebar_shade_color rgba(0,0,0,0.25);
@define-color sidebar_border_color rgba(0, 0, 0, 0.07);
@define-color secondary_sidebar_bg_color #f0f5ff;
@define-color secondary_sidebar_fg_color @view_fg_color;
@define-color secondary_sidebar_backdrop_color @view_bg_color;
@define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.07);
@define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.07);
@define-color destructive_bg_color #c14a4a;
@define-color success_bg_color #4caf50;
@define-color warning_bg_color #ff9800;
@define-color error_bg_color #f44336;
:root {
  --accent-blue: #3a7bd5;
  --accent-teal: #00b4d8;
  --accent-green: #4caf50;
  --accent-yellow: #ffc107;
  --accent-orange: #ff9800;
  --accent-red: #f44336;
  --accent-pink: #e91e63;
  --accent-purple: #9c27b0;
  --accent-slate: #607d8b;
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --destructive-bg-color: @destructive_bg_color;
  --success-bg-color: @success_bg_color;
  --warning-bg-color: @warning_bg_color;
  --error-bg-color: @error_bg_color;
}

windowcontrols > button > image {
  min-width: 18px;
  min-height: 18px;
  border-radius: 24px;
  color: transparent;
}

windowcontrols.end {
  margin-right: 0px;
}
windowcontrols.start {
  margin-left: 0px;
}

windowcontrols > button {
  min-width: 18px;
  min-height: 18px;
}
windowcontrols > button > image {
  padding: 0;
}
windowcontrols > button.close > image {
  background-color: #f44336;
}
windowcontrols > button.close:hover > image {
  background-color: color-mix(in srgb, black 30%, #f44336);
}
windowcontrols > button.close:active > image {
  background-color: color-mix(in srgb, black 50%, #f44336);
}
windowcontrols > button.maximize > image {
  background-color: #4caf50;
}
windowcontrols > button.maximize:hover > image {
  background-color: color-mix(in srgb, black 30%, #4caf50);
}
windowcontrols > button.maximize:active > image {
  background-color: color-mix(in srgb, black 50%, #4caf50);
}
windowcontrols > button.minimize > image {
  background-color: #ff9800;
}
windowcontrols > button.minimize:hover > image {
  background-color: color-mix(in srgb, black 30%, #ff9800);
}
windowcontrols > button.minimize:active > image {
  background-color: color-mix(in srgb, black 50%, #ff9800);
}

.maximized windowcontrols > button.maximize > image {
  background-color: #4caf50;
}
.maximized windowcontrols > button.maximize:hover > image {
  background-color: color-mix(in srgb, black 30%, #4caf50);
}
.maximized windowcontrols > button.maximize:active > image {
  background-color: color-mix(in srgb, black 50%, #4caf50);
}

windowcontrols > button:backdrop.close > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
windowcontrols > button:backdrop.close:hover > image {
  background-color: color-mix(in srgb, black 30%, #f44336);
}
windowcontrols > button:backdrop.close:active > image {
  background-color: color-mix(in srgb, black 50%, #f44336);
}
windowcontrols > button:backdrop.maximize > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
windowcontrols > button:backdrop.maximize:hover > image {
  background-color: color-mix(in srgb, black 30%, #4caf50);
}
windowcontrols > button:backdrop.maximize:active > image {
  background-color: color-mix(in srgb, black 50%, #4caf50);
}
windowcontrols > button:backdrop.minimize > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
windowcontrols > button:backdrop.minimize:hover > image {
  background-color: color-mix(in srgb, black 30%, #ff9800);
}
windowcontrols > button:backdrop.minimize:active > image {
  background-color: color-mix(in srgb, black 50%, #ff9800);
}

.maximized windowcontrols > button:backdrop.maximize > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
.maximized windowcontrols > button:backdrop.maximize:hover > image {
  background-color: color-mix(in srgb, black 30%, #4caf50);
}
.maximized windowcontrols > button:backdrop.maximize:active > image {
  background-color: color-mix(in srgb, black 50%, #4caf50);
}

橙色主题
#

秋日暖阳"(Autumn Glow) 
@define-color window_bg_color #fff5e6;
@define-color window_fg_color #2e1a00;
@define-color view_bg_color #ffeedd;
@define-color view_fg_color #2e1a00;
@define-color accent_bg_color #ff7b25;
@define-color accent_fg_color white;
@define-color headerbar_bg_color #ffddbb;
@define-color headerbar_fg_color #2e1a00;
@define-color headerbar_backdrop_color @window_bg_color;
@define-color popover_bg_color #ffeedd;
@define-color popover_fg_color @view_fg_color;
@define-color dialog_bg_color #ffeedd;
@define-color dialog_fg_color @view_fg_color;
@define-color card_bg_color #ffeedd;
@define-color card_fg_color @view_fg_color;
@define-color sidebar_bg_color #ffddbb;
@define-color sidebar_fg_color #2e1a00;
@define-color sidebar_backdrop_color @window_bg_color;
@define-color sidebar_shade_color rgba(0,0,0,0.25);
@define-color sidebar_border_color rgba(0, 0, 0, 0.07);
@define-color secondary_sidebar_bg_color #fff5e6;
@define-color secondary_sidebar_fg_color @view_fg_color;
@define-color secondary_sidebar_backdrop_color @view_bg_color;
@define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.07);
@define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.07);
@define-color destructive_bg_color #e53935;
@define-color success_bg_color #43a047;
@define-color warning_bg_color #fb8c00;
@define-color error_bg_color #e53935;
:root {
  --accent-blue: #42a5f5;
  --accent-teal: #26a69a;
  --accent-green: #66bb6a;
  --accent-yellow: #ffee58;
  --accent-orange: #ff7b25;
  --accent-red: #ef5350;
  --accent-pink: #f48fb1;
  --accent-purple: #ab47bc;
  --accent-slate: #78909c;
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --destructive-bg-color: @destructive_bg_color;
  --success-bg-color: @success_bg_color;
  --warning-bg-color: @warning_bg_color;
  --error-bg-color: @error_bg_color;
}

windowcontrols > button > image {
  min-width: 18px;
  min-height: 18px;
  border-radius: 24px;
  color: transparent;
}

windowcontrols.end {
  margin-right: 0px;
}
windowcontrols.start {
  margin-left: 0px;
}

windowcontrols > button {
  min-width: 18px;
  min-height: 18px;
}
windowcontrols > button > image {
  padding: 0;
}
windowcontrols > button.close > image {
  background-color: #e53935;
}
windowcontrols > button.close:hover > image {
  background-color: color-mix(in srgb, black 30%, #e53935);
}
windowcontrols > button.close:active > image {
  background-color: color-mix(in srgb, black 50%, #e53935);
}
windowcontrols > button.maximize > image {
  background-color: #43a047;
}
windowcontrols > button.maximize:hover > image {
  background-color: color-mix(in srgb, black 30%, #43a047);
}
windowcontrols > button.maximize:active > image {
  background-color: color-mix(in srgb, black 50%, #43a047);
}
windowcontrols > button.minimize > image {
  background-color: #fb8c00;
}
windowcontrols > button.minimize:hover > image {
  background-color: color-mix(in srgb, black 30%, #fb8c00);
}
windowcontrols > button.minimize:active > image {
  background-color: color-mix(in srgb, black 50%, #fb8c00);
}

.maximized windowcontrols > button.maximize > image {
  background-color: #43a047;
}
.maximized windowcontrols > button.maximize:hover > image {
  background-color: color-mix(in srgb, black 30%, #43a047);
}
.maximized windowcontrols > button.maximize:active > image {
  background-color: color-mix(in srgb, black 50%, #43a047);
}

windowcontrols > button:backdrop.close > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
windowcontrols > button:backdrop.close:hover > image {
  background-color: color-mix(in srgb, black 30%, #e53935);
}
windowcontrols > button:backdrop.close:active > image {
  background-color: color-mix(in srgb, black 50%, #e53935);
}
windowcontrols > button:backdrop.maximize > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
windowcontrols > button:backdrop.maximize:hover > image {
  background-color: color-mix(in srgb, black 30%, #43a047);
}
windowcontrols > button:backdrop.maximize:active > image {
  background-color: color-mix(in srgb, black 50%, #43a047);
}
windowcontrols > button:backdrop.minimize > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
windowcontrols > button:backdrop.minimize:hover > image {
  background-color: color-mix(in srgb, black 30%, #fb8c00);
}
windowcontrols > button:backdrop.minimize:active > image {
  background-color: color-mix(in srgb, black 50%, #fb8c00);
}

.maximized windowcontrols > button:backdrop.maximize > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
.maximized windowcontrols > button:backdrop.maximize:hover > image {
  background-color: color-mix(in srgb, black 30%, #43a047);
}
.maximized windowcontrols > button:backdrop.maximize:active > image {
  background-color: color-mix(in srgb, black 50%, #43a047);
}

舒适主题
#

“羊绒灰雾”(Cashmere Mist) 
@define-color window_bg_color #f8f4f0;
@define-color window_fg_color #333333;
@define-color view_bg_color #f5f0eb;
@define-color view_fg_color #333333;
@define-color accent_bg_color #5d8aa8;  /* 舒适的蓝灰色 */
@define-color accent_fg_color #ffffff;
@define-color headerbar_bg_color #ece6e0;
@define-color headerbar_fg_color #333333;
@define-color headerbar_backdrop_color @window_bg_color;
@define-color popover_bg_color #f5f0eb;
@define-color popover_fg_color @view_fg_color;
@define-color dialog_bg_color #f5f0eb;
@define-color dialog_fg_color @view_fg_color;
@define-color card_bg_color #f5f0eb;
@define-color card_fg_color @view_fg_color;
@define-color sidebar_bg_color #ece6e0;
@define-color sidebar_fg_color #333333;
@define-color sidebar_backdrop_color @window_bg_color;
@define-color sidebar_shade_color rgba(0,0,0,0.1);
@define-color sidebar_border_color rgba(0, 0, 0, 0.05);
@define-color secondary_sidebar_bg_color #f8f4f0;
@define-color secondary_sidebar_fg_color @view_fg_color;
@define-color secondary_sidebar_backdrop_color @view_bg_color;
@define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.05);
@define-color secondary_sidebar_border_color rgba(0, 0, 0, 0.05);
@define-color destructive_bg_color #c45c4c;  /* 柔和的红色 */
@define-color success_bg_color #6a8d73;     /* 柔和的绿色 */
@define-color warning_bg_color #b08968;     /* 柔和的棕色 */
@define-color error_bg_color #c45c4c;

:root {
  --accent-blue: #5d8aa8;
  --accent-teal: #6a8d82;
  --accent-green: #6a8d73;
  --accent-yellow: #b08968;
  --accent-orange: #c45c4c;
  --accent-red: #c45c4c;
  --accent-pink: #b07d8d;
  --accent-purple: #8d6a8d;
  --accent-slate: #7a7a7a;
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --destructive-bg-color: @destructive_bg_color;
  --success-bg-color: @success_bg_color;
  --warning-bg-color: @warning_bg_color;
  --error-bg-color: @error_bg_color;
}

/* 窗口控制按钮样式保持不变 */
windowcontrols > button > image {
  min-width: 18px;
  min-height: 18px;
  border-radius: 24px;
  color: transparent;
}

windowcontrols.end { margin-right: 0px; }
windowcontrols.start { margin-left: 0px; }

windowcontrols > button {
  min-width: 18px;
  min-height: 18px;
}

windowcontrols > button > image {
  padding: 0;
}

windowcontrols > button.close > image {
  background-color: #c45c4c;
}
windowcontrols > button.close:hover > image {
  background-color: color-mix(in srgb, black 15%, #c45c4c);
}
windowcontrols > button.close:active > image {
  background-color: color-mix(in srgb, black 30%, #c45c4c);
}

windowcontrols > button.maximize > image {
  background-color: #6a8d73;
}
windowcontrols > button.maximize:hover > image {
  background-color: color-mix(in srgb, black 15%, #6a8d73);
}
windowcontrols > button.maximize:active > image {
  background-color: color-mix(in srgb, black 30%, #6a8d73);
}

windowcontrols > button.minimize > image {
  background-color: #b08968;
}
windowcontrols > button.minimize:hover > image {
  background-color: color-mix(in srgb, black 15%, #b08968);
}
windowcontrols > button.minimize:active > image {
  background-color: color-mix(in srgb, black 30%, #b08968);
}

.maximized windowcontrols > button.maximize > image {
  background-color: #6a8d73;
}
.maximized windowcontrols > button.maximize:hover > image {
  background-color: color-mix(in srgb, black 15%, #6a8d73);
}
.maximized windowcontrols > button.maximize:active > image {
  background-color: color-mix(in srgb, black 30%, #6a8d73);
}

/* 背景模糊状态下的按钮样式 */
windowcontrols > button:backdrop.close > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
windowcontrols > button:backdrop.close:hover > image {
  background-color: color-mix(in srgb, black 15%, #c45c4c);
}
windowcontrols > button:backdrop.close:active > image {
  background-color: color-mix(in srgb, black 30%, #c45c4c);
}

windowcontrols > button:backdrop.maximize > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
windowcontrols > button:backdrop.maximize:hover > image {
  background-color: color-mix(in srgb, black 15%, #6a8d73);
}
windowcontrols > button:backdrop.maximize:active > image {
  background-color: color-mix(in srgb, black 30%, #6a8d73);
}

windowcontrols > button:backdrop.minimize > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
windowcontrols > button:backdrop.minimize:hover > image {
  background-color: color-mix(in srgb, black 15%, #b08968);
}
windowcontrols > button:backdrop.minimize:active > image {
  background-color: color-mix(in srgb, black 30%, #b08968);
}

.maximized windowcontrols > button:backdrop.maximize > image {
  background-color: color-mix(in srgb, var(--headerbar-bg-color) 80%, var(--headerbar-fg-color));
}
.maximized windowcontrols > button:backdrop.maximize:hover > image {
  background-color: color-mix(in srgb, black 15%, #6a8d73);
}
.maximized windowcontrols > button:backdrop.maximize:active > image {
  background-color: color-mix(in srgb, black 30%, #6a8d73);
}

相关文章

修复 ubuntu误删内核

·1 分钟
秘籍 Ubuntu
不小心把笔记本内核删掉了，导致无法开机，网上找了找教程： 用 ubuntu 安装盘启动系统，然后： sudo mount /dev/sda /media/a #看好自己的sda序号 sudo mount --bind /dev /media/a/dev sudo mount --bind /proc /media/a/proc sudo mount --bind /sys /media/a/sys sudo mount --bind /run /media/a/run sudo chroot /media/a apt-get install linux-image-generic grub-install /dev/sda exit sudo umount /media/a/sys sudo umount /media/a/proc sudo umount /media/a/dev sudo umount /media/a/run sudo umount /media/a reboot 重启电脑正常了。。。

收藏夹

·1 分钟
Git Url Windows Ubuntu
android-studio # linux # https://dl.google.com/dl/android/studio/ide-zips/4.2.0.18/android-studio-ide-202.7008469-linux.tar.gz https://dl.google.com/dl/android/studio/ide-zips/3.5.3.0/android-studio-ide-191.6010548-linux.tar.gz window # https://dl.google.com/dl/android/studio/install/3.5.3.0/android-studio-ide-191.6010548-windows.exe https://dl.google.com/dl/android/studio/ide-zips/3.5.3.0/android-studio-ide-191.6010548-windows.zip macos # https://dl.google.com/dl/android/studio/install/3.5.3.0/android-studio-ide-191.6010548-mac.dmg Offline componentsAndroid Gradle Plugin # https://dl.google.com/android/studio/plugins/android-gradle/preview/offline-android-gradle-plugin-preview.zip Google Chrome # https://dl.google.com/chrome/install/latest/chrome_installer.exe https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb https://dl.google.com/linux/direct/google-chrome-stable_current_i386.deb https://dl.google.com/chrome/mac/stable/GGRO/googlechrome.dmg Coding Interview University Inno Setup Unpacker # http://innounp.sourceforge.net/ https://constexpr.org/innoextract/ git # https://tortoisegit.org/download/ https://git-scm.com/download/win

Flutter Riverpod 使用指南

·2 分钟
Riverpod Flutter
Riverpod 是 Flutter 中一个强大的状态管理库，它是 Provider 的改进版，解决了 Provider 的一些限制。以下是 Riverpod 的基本使用方法： 1. 安装依赖 # 首先在 pubspec.yaml 中添加依赖：