ef4379e847
Summary:
This setups the first bits of the Sandy Layout, and has a styled siderail according to the design, that does absolutely nothing.
{gif:0sa60r8c}
Reviewed By: cekkaewnumchai
Differential Revision: D23655313
fbshipit-source-id: e30278aeae0913e231ad105a9afb55c74c6a3370
65 lines
1.9 KiB
Plaintext
65 lines
1.9 KiB
Plaintext
@import '../node_modules/antd/lib/style/themes/dark.less';
|
|
@import '../node_modules/antd/dist/antd.less';
|
|
|
|
/* Based on: https://www.figma.com/file/4e6BMdm2SuZ1L7FSuOPQVC/Flipper?node-id=620%3A84636 */
|
|
@border-radius-base: 6px;
|
|
|
|
@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
|
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
|
|
monospace;
|
|
|
|
// Link Text & Icon
|
|
@primary-color: @purple-8;
|
|
// Success
|
|
@success-color: @green-7;
|
|
// Negative
|
|
@error-color: @red-6;
|
|
@highlight-color: @red-6;
|
|
@badge-color: @red-6;
|
|
// Warning
|
|
@warning-color: @gold-6;
|
|
|
|
// Primary Text & Icon
|
|
@text-color: @white;
|
|
// Secondary Text & Icon
|
|
@text-color-secondary: fade(@white, 60%);
|
|
// Placeholder Text & Icon
|
|
@input-placeholder-color: fade(@white, 45%);
|
|
// Disabled & Icon
|
|
@disabled-color: fade(@white, 25%);
|
|
// Background - default
|
|
@body-background: @black; // Background color for `<body>`
|
|
// @component-background: @black; // Base background color for most components
|
|
// Background - Wash
|
|
@normal-color:fade(
|
|
@white,
|
|
5%
|
|
);
|
|
// @background-color-light: fade(
|
|
// @white,
|
|
// 5%
|
|
// ); // background of header and selected item
|
|
// Background - Wash
|
|
// @background-color-base: fade(@white, 10%); // Default grey background color
|
|
// Background - Primary Button
|
|
// @btn-primary-bg: @primary-color;
|
|
// Background - Primary Hoever
|
|
// ??? : @purple-7
|
|
// Background - Default Button
|
|
// @btn-default-bg: fade(@white, 10%);
|
|
// Background - Default Hover
|
|
// @btn-text-hover-bg: fade(@white, 15%);
|
|
// Background - Button Disabled
|
|
// @btn-disable-bg: fade(@white, 10%);
|
|
// Background - Transparent Hover
|
|
// @btn-link-hover-bg: fade(@white, 10%);
|
|
// Background - Navigation Active
|
|
// ???: fade(@white, 8%)
|
|
// Dividers and Borders
|
|
@divider-color: fade(@white, 10%);
|
|
|
|
@tooltip-color: @black;
|
|
@tooltip-bg: @white;
|