如何更改 Ubuntu 18.04 锁屏和解锁屏幕顶部栏弹出菜单的背景颜色？

Question

我想更改 Ubuntu 18.04 锁屏和解锁屏顶部栏弹出菜单的背景颜色（使用 GDM）。当我单击位于顶部栏最右端的“电源、声音、网络”按钮时，它会出现。我想知道进行此更改的 css 选择器的名称。我尝试了此更改，但没有任何反应。

/* Popovers/Menus */
.popup-menu {
  min-width: 15em; }
  .popup-menu .popup-sub-menu {
    background-color: yellow; /* changed from #3a3a34 to yellow */
    box-shadow: inset 0 -1px 0px #2c2c28; }
  .popup-menu .popup-menu-content {
    padding: 1em 0em; }
  .popup-menu .popup-menu-item {
    spacing: 12px; }
    .popup-menu .popup-menu-item:ltr {
      padding: .4em 1.75em .4em 0em; }
    .popup-menu .popup-menu-item:rtl {
      padding: .4em 0em .4em 1.75em; }
    .popup-menu .popup-menu-item:checked {
      background-color: #3a3a34;
      box-shadow: inset 0 1px 0px #2c2c28;
      font-weight: bold; }
    .popup-menu .popup-menu-item.selected {
      background-color: rgba(238, 238, 236, 0.1);
      color: #eeeeec; }
    .popup-menu .popup-menu-item:active {
      background-color: #dd4814;
      color: #ffffff; }
    .popup-menu .popup-menu-item:insensitive {
      color: rgba(238, 238, 236, 0.5); }
  .popup-menu .popup-inactive-menu-item {
    color: #eeeeec; }
    .popup-menu .popup-inactive-menu-item:insensitive {
      color: rgba(238, 238, 236, 0.5); }
  .popup-menu.panel-menu {
    -boxpointer-gap: 4px;
    margin-bottom: 1.75em; }

做我想要做的事情的正确方法是什么？

Answer 1

从标准ubuntu.css文件中，以下部分就是您要查找的内容。专注于“绿色”。

.popup-menu-boxpointer,
.candidate-popup-boxpointer {
  -arrow-border-radius: 3px;
  -arrow-background-color: green;
  -arrow-border-width: 1px;
  -arrow-border-color: #1f1f1c;
  -arrow-base: 24px;
  -arrow-rise: 11px;
  -arrow-box-shadow: 0 1px 3px black; }

---

编辑：集中于下面的蓝色和黄色。希望您能进一步管理。

/* Popovers/Menus */
.popup-menu {
color: blue;
  min-width: 15em; }
  .popup-menu .popup-sub-menu {
    background-color: blue;
    box-shadow: inset 0 -1px 0px #2c2c28; }
  .popup-menu .popup-menu-content {
    padding: 1em 0em; }
  .popup-menu .popup-menu-item {
    spacing: 12px; }
    .popup-menu .popup-menu-item:ltr {
      padding: .4em 1.75em .4em 0em; }
    .popup-menu .popup-menu-item:rtl {
      padding: .4em 0em .4em 1.75em; }
    .popup-menu .popup-menu-item:checked {
      background-color: #3a3a34;
      box-shadow: inset 0 1px 0px #2c2c28;
      font-weight: bold; }
    .popup-menu .popup-menu-item.selected {
      background-color: rgba(238, 238, 236, 0.1);
      color: yellow; }