chrome/browser/resources/new_tab_page/shared_vars.css

/*
 * Copyright 2020 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

/* TODO(aee): this file should probably be turned into a module that imports
 * 'ui/webui/resources/shared_vars_css.m.js'.
 */
html {
  --ntp-active-background-color: rgba(var(--google-grey-900-rgb), .16);
  --ntp-background-override-color: white;
  --ntp-border-color: var(--google-grey-refresh-300);
  --ntp-focus-shadow-color: rgba(var(--google-blue-600-rgb), .4);
  --ntp-hover-background-color: rgba(var(--google-grey-900-rgb), .1);
  --ntp-primary-text-color: var(--google-grey-refresh-700);
  --ntp-secondary-text-color: var(--google-grey-600);
  --ntp-secondary-text-hover-color: var(--google-grey-refresh-700);
  --ntp-selected-background-color: rgba(var(--google-blue-refresh-700-rgb), .16);
  --ntp-selected-border-color: var(--google-blue-600);
  --ntp-selected-light-background-color: rgba(var(--google-blue-600-rgb), .24);
  --ntp-selected-primary-text-color: var(--google-blue-refresh-700);
}

@media (prefers-color-scheme: dark) {
  html {
    --ntp-active-background-color: rgba(var(--google-grey-200-rgb), .16);
    --ntp-background-override-color: var(--google-grey-900);
    --ntp-border-color: var(--google-grey-refresh-700);
    --ntp-focus-shadow-color: rgba(var(--google-blue-refresh-300-rgb), .5);
    --ntp-hover-background-color: rgba(var(--google-grey-200-rgb), .1);
    --ntp-primary-text-color: var(--google-grey-refresh-300);
    --ntp-secondary-text-color: var(--google-grey-refresh-500);
    --ntp-secondary-text-hover-color: var(--google-grey-200);
    --ntp-selected-background-color: rgba(var(--google-blue-refresh-300-rgb), .16);
    --ntp-selected-border-color: var(--google-blue-refresh-300);
    --ntp-selected-light-background-color: rgba(var(--google-blue-refresh-300-rgb), .24);
    --ntp-selected-primary-text-color: var(--google-blue-refresh-300);
  }
}