1// Copyright (C) 2019 The Android Open Source Project 2// 3// Licensed under the Apache License, Version 2.0 (the "License"); 4// you may not use this file except in compliance with the License. 5// You may obtain a copy of the License at 6// 7// http://www.apache.org/licenses/LICENSE-2.0 8// 9// Unless required by applicable law or agreed to in writing, software 10// distributed under the License is distributed on an "AS IS" BASIS, 11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12// See the License for the specific language governing permissions and 13// limitations under the License. 14 15function readCssVarSlow(prop: string, defaultValue: string): string { 16 // This code can be used in unittests where we can't read CSS variables. 17 if (typeof window === 'undefined') { 18 return defaultValue; 19 } else { 20 const body = window.document.body; 21 return window.getComputedStyle(body).getPropertyValue(prop); 22 } 23} 24 25function getTrackShellWidth(): number { 26 const width = readCssVarSlow('--track-shell-width', '100px'); 27 const match = width.match(/^\W*(\d+)px$/); 28 if (!match) throw Error(`Could not parse shell width as number (${width})`); 29 return Number(match[1]); 30} 31 32function getTrackBorderColor(): string { 33 return readCssVarSlow('--track-border-color', '#ffc0cb'); 34} 35 36export const TRACK_SHELL_WIDTH = getTrackShellWidth(); 37export const TRACK_BORDER_COLOR = getTrackBorderColor(); 38