Жирный шрифт для действий часть верхней панели, когда активен

Некоторое время назад я играл с верхней панелью определенной оболочки gnome, и мне было интересно, как можно сделать часть действий (или текст кнопки панели действий) жирным при использовании темы MacBuntu в Ubuntu 18.04. В настоящее время верхняя панель выглядит следующим образом:

Мне бы хотелось, чтобы часть «Firefox Web Browser» была выделена жирным шрифтом. Я также добавляю, как мне кажется, соответствующую часть файла gnome-shell.css:

/* TOP BAR */
#panel {
  background-color: #E4E4E6;
  /* transition from solid to transparent */
  transition-duration: 250ms;
  font-weight: bold;
  height: 24px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.3);
}

#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
  background-color: rgba(255, 255, 255, 0.35);
}

#panel #panelLeft, #panel #panelCenter {
  spacing: 0;
}

#panel .panel-corner {
  -panel-corner-radius: 0;
  -panel-corner-background-color: #ffffff;
  -panel-corner-border-width: 2px;
  -panel-corner-border-color: transparent;
}

#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
  -panel-corner-border-color: rgba(255, 255, 255, 0.85);
}

#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
  -panel-corner-radius: 0;
  -panel-corner-background-color: transparent;
  -panel-corner-border-color: transparent;
}

#panel .panel-corner StLabel {
  padding: 0 4px;
}

#panel .panel-button {
  -natural-hpadding: 4px;
  -minimum-hpadding: 4px;
  font-weight: normal;
  color: #242424;
  text-shadow: none;
  transition-duration: 150ms;
}

#panel .panel-button StLabel {
  padding: 0 2px;
}

#panel .panel-button .app-menu-icon {
  -st-icon-style: symbolic;
  height: 0;
  width: 0;
  margin-left: 0;
  margin-right: 0;
}

#panel .panel-button .popup-menu-arrow {
  width: 0;
  height: 0;
}

#panel .panel-button .system-status-icon,
#panel .panel-button .app-menu-icon > StIcon,
#panel .panel-button .popup-menu-arrow {
  icon-shadow: none;
}

#panel .panel-button:hover {
  color: #242424;
  background-color: rgba(255, 255, 255, 0.15);
  text-shadow: none;
}

#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
  background-color: #0046DB;
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px rgba(0, 0, 0, 0.45);
  box-shadow: none;
}

#panel .panel-button:active .system-status-icon,
#panel .panel-button:active .app-menu-icon > StIcon,
#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon,
#panel .panel-button:overview .app-menu-icon > StIcon,
#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon,
#panel .panel-button:focus .app-menu-icon > StIcon,
#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon,
#panel .panel-button:checked .app-menu-icon > StIcon,
#panel .panel-button:checked .popup-menu-arrow {
  icon-shadow: 0 1px rgba(0, 0, 0, 0.45);
}

#panel .panel-button .system-status-icon {
  icon-size: 1.23077em;
  padding: 0 3px;
}

.unlock-screen #panel .panel-button,
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
  color: rgba(255, 255, 255, 0.7);
}

.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active,
.lock-screen #panel .panel-button:focus,
.lock-screen #panel .panel-button:hover,
.lock-screen #panel .panel-button:active {
  color: rgba(255, 255, 255, 0.85);
}

#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
  spacing: 2px;
}

#panel .power-status.panel-status-indicators-box {
  spacing: 0;
}

#panel .screencast-indicator {
  color: #FF6D00;
}

#panel.solid {
  background-color: #ffffff;
  /* transition from transparent to solid */
  transition-duration: 250ms;
  background-gradient-direction: none;
  text-shadow: none;
}

#panel.solid:overview {
  background-color: transparent;
}

#panel.solid .panel-corner {
  -panel-corner-background-color: #ffffff;
}

#panel.solid .panel-button {
  color: #242424;
  text-shadow: none;
}

#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked {
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px rgba(0, 0, 0, 0.45);
}

#panel.solid .system-status-icon,
#panel.solid .app-menu-icon > StIcon,
#panel.solid .popup-menu-arrow {
  icon-shadow: none;
}

#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked,
#panel.solid .app-menu-icon > StIcon:active,
#panel.solid .app-menu-icon > StIcon:overview,
#panel.solid .app-menu-icon > StIcon:focus,
#panel.solid .app-menu-icon > StIcon:checked,
#panel.solid .popup-menu-arrow:active,
#panel.solid .popup-menu-arrow:overview,
#panel.solid .popup-menu-arrow:focus,
#panel.solid .popup-menu-arrow:checked {
  icon-shadow: 0 1px rgba(0, 0, 0, 0.45);
}

#panel #panelActivities.panel-button > * {
  background-image: url("assets/activities.svg");
  background-position: center top;
  width: 24px;
  height: 24px;
  background-color: transparent !important;
  background-gradient-direction: none !important;
  border: none;
  color: transparent;
}

#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked {
  background-color: transparent;
  border: none;
}

#calendarArea {
  padding: 8px 16px;
}

.calendar {
  margin-bottom: 0;
}

.calendar,
.datemenu-today-button,
.datemenu-displays-box,
.message-list-sections {
  margin: 0 8px;
}

.datemenu-calendar-column {
  spacing: 8px;
}

.datemenu-displays-section {
  padding-bottom: 0;
}

.datemenu-displays-box {
  spacing: 8px;
}

.datemenu-calendar-column {
  border: 0 solid rgba(0, 0, 0, 0.12);
}

.datemenu-calendar-column:ltr {
  border-left-width: 0;
}

.datemenu-calendar-column:rtl {
  border-right-width: 0;
}

.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
  min-height: 20px;
  padding: 4px 8px;
  border-radius: 8px;
}

.datemenu-today-button {
  min-height: 48px;
}

.message-list-section-list:ltr {
  padding-left: 0;
}

.message-list-section-list:rtl {
  padding-right: 0;
}

.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.12);
}

.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-section-title:active {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.2);
}

.datemenu-today-button .date-label {
  font-size: 18pt;
  font-weight: 400;
}

.world-clocks-header,
.weather-header,
.events-section-title {
  color: rgba(0, 0, 0, 0.54);
  font-weight: bold;
}

.world-clocks-grid {
  spacing-rows: 0.4em;
}

.weather-box {
  spacing: 0.4em;
}

.calendar-month-label {
  height: 20px;
  margin: 2px;
  padding: 6px 16px;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
  text-align: center;
}

.calendar-month-label:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.pager-button {
  width: 28px;
  height: 28px;
  margin: 2px;
  border-radius: 100px;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.pager-button:hover, .pager-button:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.pager-button:active {
  background-color: rgba(0, 0, 0, 0.2);
}

.calendar-change-month-back {
  padding: 0 2px;
  background-image: url("assets/calendar-arrow-left.svg");
}

.calendar-change-month-back:rtl {
  background-image: url("assets/calendar-arrow-right.svg");
}

.calendar-change-month-forward {
  padding: 0 2px;
  background-image: url("assets/calendar-arrow-right.svg");
}

.calendar-change-month-forward:rtl {
  background-image: url("assets/calendar-arrow-left.svg");
}

.calendar-day-base {
  font-size: 9pt;
  font-weight: 400;
  text-align: center;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 2px;
  border-radius: 100px;
}

.calendar-day-base:hover, .calendar-day-base:focus {
  background-color: rgba(0, 0, 0, 0.12);
}

.calendar-day-base:active {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.2);
  border-color: transparent;
}

.calendar-day-base:selected {
  color: rgba(255, 255, 255, 0.85);
  background-color: #0046DB;
  border-color: transparent;
}

.calendar-day-base.calendar-day-heading {
  width: 28px;
  height: 21px;
  margin-top: 2px;
  padding: 7px 0 0;
  border-radius: 100px;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.38);
  font-size: 9pt;
  font-weight: 400;
  font-weight: bold;
  text-align: center;
}

.calendar-day {
  border-width: 0;
}

.calendar-day-top {
  border-top-width: 0;
}

.calendar-day-left {
  border-left-width: 0;
}

.calendar-nonwork-day {
  color: rgba(0, 0, 0, 0.87);
}

.calendar-today {
  font-weight: bold !important;
  border: none;
}

.calendar-day-with-events {
  color: #0046DB;
  font-weight: normal;
  text-decoration: underline;
  background-image: none;
}

.calendar-other-month-day {
  color: rgba(0, 0, 0, 0.26);
  opacity: 0.5;
}

.calendar-week-number {
  width: 28px;
  height: 21px;
  margin: 2px;
  padding: 7px 0 0;
  border-radius: 100px;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.38);
  font-size: inherit;
  font-weight: bold;
  text-align: center;
}

Является ли важная часть этого файла разделом Panel.Activities? Я попытался вставить команду font-weight: bold там, но, к сожалению, не повезло.

0
задан 24 July 2019 в 22:45

0 ответов

Другие вопросы по тегам:

Похожие вопросы: