minimal-fox/userChrome.css at master · vickmp/minimal-fox · 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
73
74
75
76
77
78
79
/*
 * Minimal Fox - userChrome.css
 * A minimalist and clean Firefox UI theme
 */

:root {
  /* Rounded corners */
  --tab-border-radius: 8px !important;
  --toolbarbutton-border-radius: 8px !important;
}

/* Remove default shadows from tab bar */
#tabbrowser-tabs,
.tab-background {
  box-shadow: none !important;
}

/* Remove icons from the URL bar */
#alltabs-button,
#identity-icon-box,
#picture-in-picture-button,
#reader-mode-button,
#tracking-protection-icon-container {
  display: none !important;
}

/* Remove "This time search with..." suggestions */
#urlbar .search-one-offs {
  display: none !important;
}

/* Round the URL bar */
#urlbar,
#urlbar-background {
  border-radius: 8px !important;
}

/* Remove fullscreen warning border */
#fullscreen-warning {
  border: none !important;
  background: -moz-Dialog !important;
}

/* Tab layout tweaks */
.tabbrowser-tab {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* Tab close button visibility and transitions */
.tabbrowser-tab:not(:hover) .tab-close-button {
  opacity: 0% !important;
  transition: 0.3s !important;
}

.tab-close-button[selected]:not(:hover) {
  opacity: 45% !important;
  transition: 0.3s !important;
}

.tabbrowser-tab:hover .tab-close-button,
.tab-close-button:hover,
.tab-close-button[selected]:hover {
  opacity: 100% !important;
  background: none !important;
  cursor: pointer;
  transition: 0.3s !important;
}

/* Remove border around navigation toolbox */
#navigator-toolbox {
  border: none !important;
}

/* Add spacer width when in fullscreen or without custom title bar */
:root[inFullscreen] .titlebar-spacer {
  display: block !important;
  width: 8px !important;
}