KDE-Windows-Modern/app-decorations/firefox/userChrome.css at main · Jeysef/KDE-Windows-Modern · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/* Minimal Windows Modern Window Controls for Firefox CSD - Background Method */

:root {
  --wm-hover: rgba(255, 255, 255, 0.1);
  --wm-close-hover: #c42b1c;
  --wm-btn-w: 46px;
  --wm-btn-h: 30px;
}

/* Window control buttons base sizing and reset */
.titlebar-button {
  appearance: none !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: none !important;
  border-radius: 0 !important;
  min-width: var(--wm-btn-w) !important;
  width: var(--wm-btn-w) !important;
  max-width: var(--wm-btn-w) !important;
  height: var(--wm-btn-h) !important;
  min-height: var(--wm-btn-h) !important;
  max-height: var(--wm-btn-h) !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: none !important;
}

/* Completely hide the stubbornly themed native icons */
.titlebar-button .toolbarbutton-icon {
  display: none !important;
}

.titlebar-button .toolbarbutton-badge-stack {
  display: none !important;
}

/* Minimize button */
.titlebar-button.titlebar-min {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='1'%3E%3Crect fill='%23ffffff' width='10' height='1'/%3E%3C/svg%3E") !important;
}

.titlebar-button.titlebar-min:hover {
  background-color: var(--wm-hover) !important;
}

/* Maximize button */
.titlebar-button.titlebar-max {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect fill='none' stroke='%23ffffff' stroke-width='1' x='0.5' y='0.5' width='9' height='9'/%3E%3C/svg%3E") !important;
}

.titlebar-button.titlebar-max:hover {
  background-color: var(--wm-hover) !important;
}

/* Restore button */
.titlebar-button.titlebar-restore {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Crect fill='none' stroke='%23ffffff' stroke-width='1' x='3.5' y='0.5' width='7' height='7'/%3E%3Crect fill='%23000000' stroke='%23ffffff' stroke-width='1' x='0.5' y='2.5' width='7' height='7'/%3E%3C/svg%3E") !important;
}

.titlebar-button.titlebar-restore:hover {
  background-color: var(--wm-hover) !important;
}

/* Close button */
.titlebar-button.titlebar-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23ffffff' d='M 0.5 0 L 5 4.5 L 9.5 0 L 10 0.5 L 5.5 5 L 10 9.5 L 9.5 10 L 5 5.5 L 0.5 10 L 0 9.5 L 4.5 5 L 0 0.5 Z'/%3E%3C/svg%3E") !important;
}

.titlebar-button.titlebar-close:hover {
  background-color: var(--wm-close-hover) !important;
}