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

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

我在 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;
}

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

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

添加也不行:

tooltip.foreground{
  color: #00C853;
}

或者:

@define-color theme_tooltip_fg_color #FFFFFF;

知道如何改变工具提示的文本颜色吗?

编辑:包括标题栏

在此处输入图片描述

答案1

你正在寻找的是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;
}

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

相关内容