@poupe/material-color-utilities
Version:
Algorithms and utilities that power the Material Design 3 (M3) color system, including choosing theme colors from images and creating tones of colors; all in a new color space.
40 lines • 1.59 kB
JavaScript
/**
* @license
* Copyright 2023 Google LLC
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { DynamicScheme } from '../dynamiccolor/dynamic_scheme.js';
import { Variant } from '../dynamiccolor/variant.js';
/**
* A scheme that places the source color in `Scheme.primaryContainer`.
*
* Primary Container is the source color, adjusted for color relativity.
* It maintains constant appearance in light mode and dark mode.
* This adds ~5 tone in light mode, and subtracts ~5 tone in dark mode.
* Tertiary Container is the complement to the source color, using
* `TemperatureCache`. It also maintains constant appearance.
*/
export class SchemeContent extends DynamicScheme {
constructor(sourceColorHct, isDark, contrastLevel, specVersion = DynamicScheme.DEFAULT_SPEC_VERSION, platform = DynamicScheme.DEFAULT_PLATFORM) {
super({
sourceColorHct,
variant: Variant.CONTENT,
contrastLevel,
isDark,
platform,
specVersion,
});
}
}
//# sourceMappingURL=scheme_content.js.map