You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
184 lines
4.1 KiB
184 lines
4.1 KiB
const radarrYellow = '#ffc230';
|
|
|
|
module.exports = {
|
|
defaultColor: '#333',
|
|
disabledColor: '#999',
|
|
dimColor: '#555',
|
|
black: '#000',
|
|
white: '#fff',
|
|
offWhite: '#f5f7fa',
|
|
primaryColor: '#5d9cec',
|
|
selectedColor: '#f9be03',
|
|
successColor: '#27c24c',
|
|
dangerColor: '#f05050',
|
|
warningColor: '#ffa500',
|
|
infoColor: '#5d9cec',
|
|
purple: '#7a43b6',
|
|
pink: '#ff69b4',
|
|
radarrYellow,
|
|
helpTextColor: '#909293',
|
|
darkGray: '#888',
|
|
gray: '#adadad',
|
|
lightGray: '#ddd',
|
|
disabledInputColor: '#808080',
|
|
|
|
// Theme Colors
|
|
|
|
themeBlue: radarrYellow,
|
|
themeRed: '#c4273c',
|
|
themeDarkColor: '#595959',
|
|
themeLightColor: '#707070',
|
|
|
|
torrentColor: '#00853d',
|
|
usenetColor: '#17b1d9',
|
|
|
|
// Links
|
|
defaultLinkHoverColor: '#fff',
|
|
linkColor: '#5d9cec',
|
|
linkHoverColor: '#1b72e2',
|
|
|
|
// Sidebar
|
|
|
|
sidebarColor: '#e1e2e3',
|
|
sidebarBackgroundColor: '#595959',
|
|
sidebarActiveBackgroundColor: '#333333',
|
|
|
|
// Toolbar
|
|
toolbarColor: '#e1e2e3',
|
|
toolbarBackgroundColor: '#707070',
|
|
toolbarMenuItemBackgroundColor: '#606060',
|
|
toolbarMenuItemHoverBackgroundColor: '#515151',
|
|
toolbarLabelColor: '#e1e2e3',
|
|
|
|
// Accents
|
|
borderColor: '#e5e5e5',
|
|
inputBorderColor: '#dde6e9',
|
|
inputBoxShadowColor: 'rgba(0, 0, 0, 0.075)',
|
|
inputFocusBorderColor: '#66afe9',
|
|
inputFocusBoxShadowColor: 'rgba(102, 175, 233, 0.6)',
|
|
inputErrorBorderColor: '#f05050',
|
|
inputErrorBoxShadowColor: 'rgba(240, 80, 80, 0.6)',
|
|
inputWarningBorderColor: '#ffa500',
|
|
inputWarningBoxShadowColor: 'rgba(255, 165, 0, 0.6)',
|
|
colorImpairedGradient: '#ffffff',
|
|
colorImpairedGradientDark: '#f4f5f6',
|
|
|
|
//
|
|
// Buttons
|
|
|
|
defaultBackgroundColor: '#fff',
|
|
defaultBorderColor: '#eaeaea',
|
|
defaultHoverBackgroundColor: '#f5f5f5',
|
|
defaultHoverBorderColor: '#d6d6d6;',
|
|
|
|
primaryBackgroundColor: '#5d9cec',
|
|
primaryBorderColor: '#5899eb',
|
|
primaryHoverBackgroundColor: '#4b91ea',
|
|
primaryHoverBorderColor: '#3483e7;',
|
|
|
|
successBackgroundColor: '#27c24c',
|
|
successBorderColor: '#26be4a',
|
|
successHoverBackgroundColor: '#24b145',
|
|
successHoverBorderColor: '#1f9c3d;',
|
|
|
|
warningBackgroundColor: '#ff902b',
|
|
warningBorderColor: '#ff8d26',
|
|
warningHoverBackgroundColor: '#ff8517',
|
|
warningHoverBorderColor: '#fc7800;',
|
|
|
|
dangerBackgroundColor: '#f05050',
|
|
dangerBorderColor: '#f04b4b',
|
|
dangerHoverBackgroundColor: '#ee3d3d',
|
|
dangerHoverBorderColor: '#ec2626;',
|
|
|
|
iconButtonDisabledColor: '#7a7a7a',
|
|
iconButtonHoverColor: '#666',
|
|
iconButtonHoverLightColor: '#ccc',
|
|
|
|
//
|
|
// Modal
|
|
|
|
modalBackdropBackgroundColor: 'rgba(0, 0, 0, 0.6)',
|
|
modalBackgroundColor: '#fff',
|
|
modalCloseButtonHoverColor: '#888',
|
|
|
|
//
|
|
// Menu
|
|
menuItemColor: '#e1e2e3',
|
|
menuItemHoverColor: '#fbfcfc',
|
|
menuItemHoverBackgroundColor: '#f5f7fa',
|
|
|
|
//
|
|
// Toolbar
|
|
|
|
toobarButtonHoverColor: '#ffc230',
|
|
toobarButtonSelectedColor: '#ffc230',
|
|
|
|
//
|
|
// Scroller
|
|
|
|
scrollbarBackgroundColor: '#9ea4b9',
|
|
scrollbarHoverBackgroundColor: '#656d8c',
|
|
|
|
//
|
|
// Card
|
|
|
|
cardShadowColor: '#e1e1e1',
|
|
cardAlternateBackgroundColor: '#f5f5f5',
|
|
|
|
//
|
|
// Alert
|
|
|
|
alertDangerBorderColor: '#ebccd1',
|
|
alertDangerBackgroundColor: '#f2dede',
|
|
alertDangerColor: '#a94442',
|
|
|
|
alertInfoBorderColor: '#bce8f1',
|
|
alertInfoBackgroundColor: '#d9edf7',
|
|
alertInfoColor: '#31708f',
|
|
|
|
alertSuccessBorderColor: '#d6e9c6',
|
|
alertSuccessBackgroundColor: '#dff0d8',
|
|
alertSuccessColor: '#3c763d',
|
|
|
|
alertWarningBorderColor: '#faebcc',
|
|
alertWarningBackgroundColor: '#fcf8e3',
|
|
alertWarningColor: '#8a6d3b',
|
|
|
|
//
|
|
// Slider
|
|
|
|
sliderAccentColor: '#5d9cec',
|
|
|
|
//
|
|
// Form
|
|
|
|
advancedFormLabelColor: '#ff902b',
|
|
disabledCheckInputColor: '#ddd',
|
|
|
|
//
|
|
// Popover
|
|
|
|
popoverTitleBackgroundColor: '#f7f7f7',
|
|
popoverTitleBorderColor: '#ebebeb',
|
|
popoverShadowColor: 'rgba(0, 0, 0, 0.2)',
|
|
popoverArrowBorderColor: '#fff',
|
|
|
|
popoverTitleBackgroundInverseColor: '#595959',
|
|
popoverTitleBorderInverseColor: '#707070',
|
|
popoverShadowInverseColor: 'rgba(0, 0, 0, 0.2)',
|
|
popoverArrowBorderInverseColor: 'rgba(58, 63, 81, 0.75)',
|
|
|
|
//
|
|
// Calendar
|
|
|
|
calendarTodayBackgroundColor: '#ddd',
|
|
calendarBorderColor: '#cecece',
|
|
calendarTextDim: '#666',
|
|
|
|
//
|
|
// Table
|
|
|
|
tableRowHoverBackgroundColor: '#fafbfc'
|
|
};
|