ces-vue-ui/src/assets/styles/variables.less

A Vue.js component library using Ant Design Vue components to build custom ces ui components library

// Define your LESS variables using the imported JSON variables
// variables.less

@primary: #00467E;
@primary-dark: #002A4D;
@blue-800: #007BDF;
@blue-700: #20B5FF;
@blue-600: #B2E3FF;
@blue-500: #C5EAFF;
@blue-400: #D6F0FF;
@blue-300: #F1FAFF;
@black: #000000;
@neutral-1000: #000000;
@neutral-900: #222222;
@neutral-800: #464646;
@neutral-700: #6C6C6C;
@neutral-600: #909090;
@neutral-500: #B1B1B1;
@neutral-400: #D5D5D5;
@neutral-300: #E6E6E6;
@neutral-200: #F8F8F8;
@neutral-100: #FDFDFD;
@white: #FFFFFF;
@success: #008F5D;
@info: #3892F3;
@in-progress: #F68511;
@error: #EA3829;
@warning: #FF0000;
@main-bg: #EEEEF2;
@text-dark-grey: #595959;

/* Header CSS Start */
@layout-header-height: 48px;
@layout-header-background: @primary-color;
@layout-background: @main-bg;