autofox

userContent.css (5217B) - View raw

  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
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117


/* USER FACING VARIABLES -------------------------------------------------------------------------------------- */
/* this file does NOT have to be updated between versions */

/* NOTE: restart Firefox to apply any changes */
body,
html {
  overflow: -moz-scrollbars-none;
  scrollbar-width: none !important;
}

* {
  scrollbar-width: none !important;
}

:root {
  /* custom accent color to be used across Firefox*/
  /* use hexcode or color name */
  --custom-accent-color: #fabd2f;

  /* background color */
  --uc-my-background-color: #282828 !important;
  --background-color-canvas: var(--uc-my-background-color) !important;
  --background-color-box: var(--uc-my-background-color) !important;

  /* text color */
  --in-content-page-color: #ebdbb2 !important;

  --table-row-background-color-alternate: #282828 !important;


  /* color of the tab dividers / separators */
  /* set variable = none, to disable dividers */
  --custom-tab-divider-color: none;
}

@-moz-document regexp("^(about:).*") {
  body {
    background-color: #282828 !important;
  }
}

/* CUSTOM ACCENT COLORS -------------------------------------------------------------------------------------- */

@-moz-document regexp("^(about:|chrome:|moz-extension:).*") {

  html:not([role="dialog"]),
  html:not([role="dialog"]) *,
  html:not([role="dialog"]) body.activity-stream,
  window:not([chromehidden]),
  window:not([chromehidden])>dialog {
    --surface-1: #282828 !important;
    --surface-2: #282828 !important;
    --accent-surface-1: #ebcb8b !important;
    --dashboard-tab-active-ink: #ebcb8b !important;
    --in-content-primary-button-background: var(--custom-accent-color, #fabd2f) !important;
    --in-content-primary-button-background-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
    --in-content-primary-button-background-active: color-mix(in srgb, #282828 65%, var(--custom-accent-color, #fabd2f)) !important;

    --in-content-item-selected: var(--custom-accent-color, #fabd2f) !important;
    --in-content-border-highlight: var(--custom-accent-color, #fabd2f) !important;
    --in-content-border-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
    /* --in-content-border-focus: color-mix(in srgb, #282828 65%, var(--custom-accent-color, #fabd2f)) !important; */
    --in-content-border-focus: var(--custom-accent-color, #fabd2f) !important;
    --in-content-border-active: var(--custom-accent-color, #fabd2f) !important;
    --in-content-border-active-shadow: var(--custom-accent-color, #fabd2f) !important;
    --in-content-category-outline-focus: 1px solid transparent !important;
    --in-content-accent-color: var(--custom-accent-color, #fabd2f) !important;
    --in-content-table-header-background: var(--custom-accent-color, #fabd2f) !important;
    --in-content-link-color: var(--custom-accent-color, #fabd2f) !important;
    --in-content-link-color-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
    --newtab-focus-outline: var(--in-content-border-active-shadow) !important;
    --newtab-focus-border: var(--in-content-border-focus) !important;
    --newtab-focus-border-selected: var(--custom-accent-color) !important;
    --newtab-textbox-focus-color: var(--in-content-border-focus) !important;
    --newtab-primary-action-background: var(--custom-accent-color) !important;
    --color-accent-primary: var(--custom-accent-color) !important;
    --color-accent-primary-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
    --color-accent-primary-active: var(--custom-accent-color) !important;
    --brand-color-accent: var(--custom-accent-color) !important;
    --brand-color-accent-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
    --brand-color-accent-active: var(--custom-accent-color) !important;
  }
}

@-moz-document url("chrome://global/content/commonDialog.xhtml") {
  #commonDialog[subdialog] checkbox {
    --checkbox-checked-bgcolor: var(--custom-accent-color, #fabd2f) !important;
    --checkbox-checked-hover-bgcolor: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
    --checkbox-checked-active-bgcolor: color-mix(in srgb, #282828 65%, var(--custom-accent-color, #fabd2f)) !important;
  }
}

.topsite-form .form-wrapper input[type="text"]:focus-visible {
  outline: none !important;
  border-color: var(--newtab-focus-border) !important;
}

.showPrivate .search-handoff-button.focused {
  outline: 0;
  border: 1px solid var(--newtab-focus-border) !important;
  box-shadow: 0 0 0 2px var(--newtab-focus-outline) !important;
}

::-moz-progress-bar {
  background-color: var(--custom-accent-color, #fabd2f) !important;
}

login-filter {
  --in-content-primary-button-background: var(--custom-accent-color, #fabd2f) !important;
  --in-content-primary-button-background-hover: color-mix(in srgb, #282828 50%, var(--custom-accent-color, #fabd2f)) !important;
  --in-content-primary-button-background-active: color-mix(in srgb, #282828 65%, var(--custom-accent-color, #fabd2f)) !important;
}

::selection {
  color: #282828 !important;
  background: #fabd2f !important;
}