mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-18 12:34:25 +08:00
111 lines
3.4 KiB
SCSS
111 lines
3.4 KiB
SCSS
$body-background-color: #1a2033;
|
|
|
|
/**
|
|
* genaral
|
|
*/
|
|
$small-height: 28px;
|
|
$default-height: 34px;
|
|
$large-height: 40px;
|
|
|
|
$main-color: #63E2B7;
|
|
|
|
$fast-in-cubic-bezier: cubic-bezier(0.0, 0.0, 0.2, 1);
|
|
$slow-out-cubic-bezier: cubic-bezier(0.4, 0.0, 1, 1);
|
|
|
|
/**
|
|
* n-input
|
|
*/
|
|
$small-input-font-size: 14px;
|
|
$default-input-font-size: 14px;
|
|
$large-input-font-size: 14px;
|
|
$input-background-color: rgba(255, 255, 255, 0.12);
|
|
$disabled-input-background-color:rgba(255,255,255,0.06);
|
|
$disabled-input-text-color: rgba(255, 255, 255, .2);
|
|
$disabled-input-placeholder-color: rgba(255, 255, 255, .2);
|
|
$input-caret-color: $main-color;
|
|
$input-placeholder-color: rgba(255, 255, 255, .4);
|
|
$focus-input-background-color: rgba(99, 226, 183, 0.1);
|
|
$input-border-radius: 8px;
|
|
$input-icon-color: rgba(255,255,255,0.2);
|
|
|
|
/**
|
|
* n-button
|
|
*/
|
|
$button-margin: 0 12px 8px 0;
|
|
$button-border-radius: 6px;
|
|
$button-small-font-size: 14px;
|
|
$button-default-font-size: 16px;
|
|
$button-large-font-size: 16px;
|
|
$button-default-text-color: $main-color;
|
|
$button-default-border-color: $main-color;
|
|
$button-default-background-color: transparent;
|
|
$button-default-background-color--hover: rgba(99, 226, 183, .3);
|
|
$button-default-background-color--active: rgba(99, 226, 183, .2);
|
|
$button-primary-background-color: $main-color;
|
|
$button-primary-background-color--hover: rgb(103, 235, 190);
|
|
$button-primary-background-color--active: rgb(97, 218, 177);
|
|
|
|
/**
|
|
* n-select
|
|
*/
|
|
$select-text-color: #ffffff;
|
|
$select-font-size--small: 14px;
|
|
$select-font-size--medium: 14px;
|
|
$select-font-size--large: 14px;
|
|
$select-background-color: rgba(255, 255, 255, 0.12);
|
|
$select-background-color--disabled:rgba(255,255,255,0.06);
|
|
$select-text-color--disabled: rgba(255, 255, 255, .2);
|
|
$select-placeholder-color--disabled: rgba(255, 255, 255, .2);
|
|
$select-placeholder-color: rgba(255, 255, 255, .4);
|
|
$select-background-color--active: rgba(99, 226, 183, 0.1);
|
|
$select-border-radius: 8px;
|
|
$select-border-color--active: $main-color;
|
|
|
|
/**
|
|
* n-pagination
|
|
*/
|
|
$pagination-color--disabled: rgba(255,255,255,.2);
|
|
$pagination-color: rgba(255,255,255,.6);
|
|
$pagination-border-radius: 4px;
|
|
$pagination-color--active: $main-color;
|
|
$pagination-bagkround-color--active: rgba(99,226,183,0.3);
|
|
|
|
/**
|
|
* n-table
|
|
*/
|
|
$table-font-size: 13px;
|
|
|
|
/**
|
|
* n-checkbox
|
|
*/
|
|
$checkbox-background: transparent;
|
|
$checkbox-background--active: $main-color;
|
|
$checkbox-border-color: rgba(255, 255, 255, .4);
|
|
$checkbox-border-color--active: $main-color;
|
|
|
|
$amazing-font-size: 20px;
|
|
$huge-font-size: 18px;
|
|
$large-font-size: 16px;
|
|
$regular-font-size: 14px;
|
|
$small-font-size: 12px;
|
|
$normal-font-size: $regular-font-size;
|
|
$meta-font-size: $small-font-size;
|
|
|
|
$primary-text-color: rgba(255, 255, 255, .8);
|
|
$regular-text-color: rgba(255, 255, 255, .6);
|
|
$secondary-text-color: rgba(255, 255, 255, .4);
|
|
|
|
$table-header-background-color: rgb(43,49,71);
|
|
$table-body-background-color: #1f263e;
|
|
$table-box-shadow: 0 3px 20px 6px rgba(0, 0, 0, .2);
|
|
|
|
$default-button-gradient: linear-gradient(14deg, rgba(120,205,104,1) 0%, rgba(20,166,165,1) 100%);
|
|
$default-text-gradient: linear-gradient(14deg, rgba(120,205,104,1) 0%, rgba(20,166,165,1) 100%);
|
|
$default-text-gradient-warning: linear-gradient(252deg, rgba(247,181,0,1) 0%, rgba(237,255,0,1) 100%);
|
|
$default-text-gradient-success: linear-gradient(14deg, rgba(120,205,104,1) 0%, rgba(20,166,165,1) 100%);
|
|
$default-text-gradient-danger: linear-gradient(214deg, rgba(224,32,32,1) 0%, rgba(250,100,0,1) 100%);
|
|
|
|
|
|
$default-cubic-bezier: cubic-bezier(.4, 0, .2, 1);
|
|
|
|
$default-font-family: 'Lato'; |