主页 / ubuntu / 问题 / 1110557
Accepted
rainer
Asked: 2019-01-18 05:47:10 +0800 CST

更改 Ubuntu Vimix 主题的工具提示文本颜色

  • 772

我正在使用 Ubuntu Budgie 18.10 并尝试调整Vimix 主题的颜色。

特别是，我想更改工具提示弹出窗口的前景和背景（文本）颜色。

编辑 GTK3 css 文件，我找到了 * Tooltips * 部分（从第 4016 行开始）。

更改背景按预期工作：

tooltip.background {
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: red;
}

但是更改工具提示项，我添加了行“颜色：#FFFFFF，不影响文本颜色。

tooltip {
    border-radius: 2px;
    box-shadow: none;
    color: #FFFFFF;
}

也不添加：

tooltip.foreground{
  color: #00C853;
}

或者：

@define-color theme_tooltip_fg_color #FFFFFF;

知道如何更改工具提示的文本颜色吗？

已编辑：包括标题栏

在此处输入图像描述

themes text css tooltip

1 个回答

  1. Best Answer

    你要找的是tooltip label

    tooltip label {
  color: green;
  min-height: 20px;
  padding: 0 2px;
}

    在此处输入图像描述

    在这个 vimix gtk.3-0 css 文件中，似乎在不同条件下为标题栏和标题栏配置了更多颜色。

    我发现的一些在下面，如果你想要它们是单色的，让所有领域都一样颜色。

    黑色的 

    window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
window.tiled-top headerbar,
window.tiled-top headerbar:first-child,
window.tiled-top headerbar:last-child,
window.tiled-top headerbar:only-child,
window.tiled-right headerbar,
window.tiled-right headerbar:first-child,
window.tiled-right headerbar:last-child,
window.tiled-right headerbar:only-child,
window.tiled-bottom headerbar,
window.tiled-bottom headerbar:first-child,
window.tiled-bottom headerbar:last-child,
window.tiled-bottom headerbar:only-child,
window.tiled-left headerbar,
window.tiled-left headerbar:first-child,
window.tiled-left headerbar:last-child,
window.tiled-left headerbar:only-child,
window.maximized headerbar,
window.maximized headerbar:first-child,
window.maximized headerbar:last-child,
window.maximized headerbar:only-child,
window.fullscreen headerbar,
window.fullscreen headerbar:first-child,
window.fullscreen headerbar:last-child,
window.fullscreen headerbar:only-child,
window.solid-csd headerbar,
window.solid-csd headerbar:first-child,
window.solid-csd headerbar:last-child,
window.solid-csd headerbar:only-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
background-color: black;
}

    黑色背景 在此处输入图像描述

    蓝色的

    .titlebar:not(headerbar),
headerbar {
  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
  min-height: 36px;
  padding: 0 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: blue;
  color: red;
}

    蓝色背景 在此处输入图像描述

    黄色

    .titlebar:backdrop:not(headerbar),
headerbar:backdrop {
  background-color: yellow;
  color: #FFFFFF;
}

    红色的

    .titlebar, .titlebar.background {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
background-color: red;
}

    黄色和红色背景 在此处输入图像描述

    • 3

相关问题