Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
E
Element
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
CI / CD Analytics
Repository Analytics
Value Stream Analytics
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
林焕东
Element
Commits
8439cbd5
Commit
8439cbd5
authored
Nov 08, 2016
by
cinwell.li
Committed by
FuryBean
Nov 08, 2016
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Theme-default: improve vars (#899)
parent
13506ed5
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
38 additions
and
38 deletions
+38
-38
packages/theme-default/src/common/var.css
packages/theme-default/src/common/var.css
+38
-38
No files found.
packages/theme-default/src/common/var.css
View file @
8439cbd5
...
@@ -81,10 +81,10 @@
...
@@ -81,10 +81,10 @@
--checkbox-input-height
:
18px
;
--checkbox-input-height
:
18px
;
--checkbox-input-width
:
18px
;
--checkbox-input-width
:
18px
;
--checkbox-input-border-radius
:
var
(
--border-radius-base
);
--checkbox-input-border-radius
:
var
(
--border-radius-base
);
--checkbox-input-fill
:
#fff
;
--checkbox-input-fill
:
var
(
--color-white
)
;
--checkbox-input-border
:
var
(
--border-base
);
--checkbox-input-border
:
var
(
--border-base
);
--checkbox-input-border-color
:
var
(
--border-color-base
);
--checkbox-input-border-color
:
var
(
--border-color-base
);
--checkbox-icon-color
:
#fff
;
--checkbox-icon-color
:
var
(
--color-white
)
;
--checkbox-disabled-input-border-color
:
var
(
--disabled-border-base
);
--checkbox-disabled-input-border-color
:
var
(
--disabled-border-base
);
--checkbox-disabled-input-fill
:
var
(
--disabled-fill-base
);
--checkbox-disabled-input-fill
:
var
(
--disabled-fill-base
);
...
@@ -92,7 +92,7 @@
...
@@ -92,7 +92,7 @@
--checkbox-disabled-checked-input-fill
:
var
(
--disabled-border-base
);
--checkbox-disabled-checked-input-fill
:
var
(
--disabled-border-base
);
--checkbox-disabled-checked-input-border-color
:
var
(
--disabled-border-base
);
--checkbox-disabled-checked-input-border-color
:
var
(
--disabled-border-base
);
--checkbox-disabled-checked-icon-color
:
#fff
;
--checkbox-disabled-checked-icon-color
:
var
(
--color-white
)
;
--checkbox-checked-input-border-color
:
var
(
--color-blue
);
--checkbox-checked-input-border-color
:
var
(
--color-blue
);
--checkbox-checked-input-fill
:
var
(
--color-primary
);
--checkbox-checked-input-fill
:
var
(
--color-primary
);
...
@@ -108,10 +108,10 @@
...
@@ -108,10 +108,10 @@
--radio-input-height
:
18px
;
--radio-input-height
:
18px
;
--radio-input-width
:
18px
;
--radio-input-width
:
18px
;
--radio-input-border-radius
:
var
(
--border-radius-circle
);
--radio-input-border-radius
:
var
(
--border-radius-circle
);
--radio-input-fill
:
#fff
;
--radio-input-fill
:
var
(
--color-white
)
;
--radio-input-border
:
var
(
--border-base
);
--radio-input-border
:
var
(
--border-base
);
--radio-input-border-color
:
var
(
--border-color-base
);
--radio-input-border-color
:
var
(
--border-color-base
);
--radio-icon-color
:
#fff
;
--radio-icon-color
:
var
(
--color-white
)
;
--radio-disabled-input-border-color
:
var
(
--disabled-border-base
);
--radio-disabled-input-border-color
:
var
(
--disabled-border-base
);
--radio-disabled-input-fill
:
var
(
--disabled-fill-base
);
--radio-disabled-input-fill
:
var
(
--disabled-fill-base
);
...
@@ -119,10 +119,10 @@
...
@@ -119,10 +119,10 @@
--radio-disabled-checked-input-fill
:
var
(
--disabled-border-base
);
--radio-disabled-checked-input-fill
:
var
(
--disabled-border-base
);
--radio-disabled-checked-input-border-color
:
var
(
--disabled-border-base
);
--radio-disabled-checked-input-border-color
:
var
(
--disabled-border-base
);
--radio-disabled-checked-icon-color
:
#fff
;
--radio-disabled-checked-icon-color
:
var
(
--color-white
)
;
--radio-checked-input-border-color
:
var
(
--color-primary
);
--radio-checked-input-border-color
:
var
(
--color-primary
);
--radio-checked-input-fill
:
#fff
;
--radio-checked-input-fill
:
var
(
--color-white
)
;
--radio-checked-icon-color
:
var
(
--color-primary
);
--radio-checked-icon-color
:
var
(
--color-primary
);
--radio-input-shadow-hover
:
var
(
--shadow-base
);
--radio-input-shadow-hover
:
var
(
--shadow-base
);
...
@@ -146,7 +146,7 @@
...
@@ -146,7 +146,7 @@
--select-tag-color
:
var
(
--color-white
);
--select-tag-color
:
var
(
--color-white
);
--select-tag-background
:
var
(
--color-primary
);
--select-tag-background
:
var
(
--color-primary
);
--select-option-color
:
#475669
;
--select-option-color
:
var
(
--link-color
)
;
--select-option-disabled-color
:
var
(
--color-grey
);
--select-option-disabled-color
:
var
(
--color-grey
);
--select-option-height
:
36px
;
--select-option-height
:
36px
;
--select-option-hover-background
:
#e5e9f2
;
--select-option-hover-background
:
#e5e9f2
;
...
@@ -188,7 +188,7 @@
...
@@ -188,7 +188,7 @@
--msgbox-border-radius
:
3px
;
--msgbox-border-radius
:
3px
;
--msgbox-font-size
:
16px
;
--msgbox-font-size
:
16px
;
--msgbox-content-font-size
:
14px
;
--msgbox-content-font-size
:
14px
;
--msgbox-content-color
:
#475669
;
--msgbox-content-color
:
var
(
--link-color
)
;
--msgbox-error-font-size
:
12px
;
--msgbox-error-font-size
:
12px
;
--msgbox-success-color
:
var
(
--color-success
);
--msgbox-success-color
:
var
(
--color-success
);
...
@@ -201,7 +201,7 @@
...
@@ -201,7 +201,7 @@
--message-shadow
:
var
(
--box-shadow-base
);
--message-shadow
:
var
(
--box-shadow-base
);
--message-min-width
:
300px
;
--message-min-width
:
300px
;
--message-padding
:
10px
12px
;
--message-padding
:
10px
12px
;
--message-content-color
:
#8492a6
;
--message-content-color
:
var
(
--border-color-hover
)
;
--message-close-color
:
var
(
--color-grey
);
--message-close-color
:
var
(
--color-grey
);
--message-close-hover-color
:
#99A9BF
;
--message-close-hover-color
:
#99A9BF
;
...
@@ -217,7 +217,7 @@
...
@@ -217,7 +217,7 @@
--notification-shadow
:
var
(
--box-shadow-base
);
--notification-shadow
:
var
(
--box-shadow-base
);
--notification-icon-size
:
40px
;
--notification-icon-size
:
40px
;
--notification-font-size
:
var
(
--font-size-base
);
--notification-font-size
:
var
(
--font-size-base
);
--notification-color
:
#8492a6
;
--notification-color
:
var
(
--border-color-hover
)
;
--notification-title-font-size
:
16px
;
--notification-title-font-size
:
16px
;
--notification-title-color
:
#1f2d3d
;
--notification-title-color
:
#1f2d3d
;
...
@@ -240,7 +240,7 @@
...
@@ -240,7 +240,7 @@
--input-border-color
:
var
(
--border-color-base
);
--input-border-color
:
var
(
--border-color-base
);
--input-border-radius
:
var
(
--border-radius-base
);
--input-border-radius
:
var
(
--border-radius-base
);
--input-border-color-hover
:
var
(
--border-color-hover
);
--input-border-color-hover
:
var
(
--border-color-hover
);
--input-fill
:
#fff
;
--input-fill
:
var
(
--color-white
)
;
--input-fill-disabled
:
var
(
--disabled-fill-base
);
--input-fill-disabled
:
var
(
--disabled-fill-base
);
--input-color-disabled
:
var
(
--font-color-disabled-base
);
--input-color-disabled
:
var
(
--font-color-disabled-base
);
--input-icon-color
:
var
(
--color-grey
);
--input-icon-color
:
var
(
--color-grey
);
...
@@ -250,7 +250,7 @@
...
@@ -250,7 +250,7 @@
--input-hover-border
:
var
(
--border-color-hover
);
--input-hover-border
:
var
(
--border-color-hover
);
--input-focus-border
:
var
(
--color-primary
);
--input-focus-border
:
var
(
--color-primary
);
--input-focus-fill
:
#fff
;
--input-focus-fill
:
var
(
--color-white
)
;
--input-disabled-fill
:
var
(
--disabled-fill-base
);
--input-disabled-fill
:
var
(
--disabled-fill-base
);
--input-disabled-border
:
var
(
--disabled-border-base
);
--input-disabled-border
:
var
(
--disabled-border-base
);
...
@@ -331,7 +331,7 @@
...
@@ -331,7 +331,7 @@
--button-mini-padding-horizontal
:
4px
;
--button-mini-padding-horizontal
:
4px
;
--button-default-color
:
#1F2D3D
;
--button-default-color
:
#1F2D3D
;
--button-default-fill
:
#fff
;
--button-default-fill
:
var
(
--color-white
)
;
--button-default-border
:
#c4c4c4
;
--button-default-border
:
#c4c4c4
;
--button-ghost-color
:
#666
;
--button-ghost-color
:
#666
;
...
@@ -343,23 +343,23 @@
...
@@ -343,23 +343,23 @@
--button-disabled-border
:
#D3DCE6
;
--button-disabled-border
:
#D3DCE6
;
--button-primary-border
:
var
(
--color-primary
);
--button-primary-border
:
var
(
--color-primary
);
--button-primary-color
:
#fff
;
--button-primary-color
:
var
(
--color-white
)
;
--button-primary-fill
:
var
(
--color-primary
);
--button-primary-fill
:
var
(
--color-primary
);
--button-success-border
:
var
(
--color-success
);
--button-success-border
:
var
(
--color-success
);
--button-success-color
:
#fff
;
--button-success-color
:
var
(
--color-white
)
;
--button-success-fill
:
var
(
--color-success
);
--button-success-fill
:
var
(
--color-success
);
--button-warning-border
:
var
(
--color-warning
);
--button-warning-border
:
var
(
--color-warning
);
--button-warning-color
:
#fff
;
--button-warning-color
:
var
(
--color-white
)
;
--button-warning-fill
:
var
(
--color-warning
);
--button-warning-fill
:
var
(
--color-warning
);
--button-danger-border
:
var
(
--color-danger
);
--button-danger-border
:
var
(
--color-danger
);
--button-danger-color
:
#fff
;
--button-danger-color
:
var
(
--color-white
)
;
--button-danger-fill
:
var
(
--color-danger
);
--button-danger-fill
:
var
(
--color-danger
);
--button-info-border
:
var
(
--color-info
);
--button-info-border
:
var
(
--color-info
);
--button-info-color
:
#fff
;
--button-info-color
:
var
(
--color-white
)
;
--button-info-fill
:
var
(
--color-info
);
--button-info-fill
:
var
(
--color-info
);
--button-hover-tint-percent
:
20%
;
--button-hover-tint-percent
:
20%
;
...
@@ -372,7 +372,7 @@
...
@@ -372,7 +372,7 @@
/* Switch
/* Switch
-------------------------- */
-------------------------- */
--switch-on-color
:
#20a0ff
;
--switch-on-color
:
var
(
--color-primary
)
;
--switch-off-color
:
#C0CCDA
;
--switch-off-color
:
#C0CCDA
;
--switch-disabled-color
:
#E5E9F3
;
--switch-disabled-color
:
#E5E9F3
;
--switch-disabled-text-color
:
#F9FAFC
;
--switch-disabled-text-color
:
#F9FAFC
;
...
@@ -405,7 +405,7 @@
...
@@ -405,7 +405,7 @@
-------------------------- */
-------------------------- */
--pagination-font-size
:
13px
;
--pagination-font-size
:
13px
;
--pagination-fill
:
var
(
--color-white
);
--pagination-fill
:
var
(
--color-white
);
--pagination-color
:
#475669
;
--pagination-color
:
var
(
--link-color
)
;
--pagination-border-radius
:
2px
;
--pagination-border-radius
:
2px
;
--pagination-button-color
:
#99a9bf
;
--pagination-button-color
:
#99a9bf
;
--pagination-button-size
:
28px
;
--pagination-button-size
:
28px
;
...
@@ -417,7 +417,7 @@
...
@@ -417,7 +417,7 @@
/* Popover
/* Popover
-------------------------- */
-------------------------- */
--popover-fill
:
#fff
;
--popover-fill
:
var
(
--color-white
)
;
--popover-font-size
:
12px
;
--popover-font-size
:
12px
;
--popover-border-color
:
#d3dce6
;
--popover-border-color
:
#d3dce6
;
--popover-arrow-size
:
6px
;
--popover-arrow-size
:
6px
;
...
@@ -428,7 +428,7 @@
...
@@ -428,7 +428,7 @@
/* Tooltip
/* Tooltip
-------------------------- */
-------------------------- */
--tooltip-fill
:
#1f2d3d
;
--tooltip-fill
:
#1f2d3d
;
--tooltip-color
:
#fff
;
--tooltip-color
:
var
(
--color-white
)
;
--tooltip-font-size
:
12px
;
--tooltip-font-size
:
12px
;
--tooltip-border-color
:
#1f2d3d
;
--tooltip-border-color
:
#1f2d3d
;
--tooltip-arrow-size
:
6px
;
--tooltip-arrow-size
:
6px
;
...
@@ -437,38 +437,38 @@
...
@@ -437,38 +437,38 @@
/* Tag
/* Tag
-------------------------- */
-------------------------- */
--tag-padding
:
0
5px
;
--tag-padding
:
0
5px
;
--tag-fill
:
#8492a6
;
--tag-fill
:
var
(
--border-color-hover
)
;
--tag-border
:
#8492a6
;
--tag-border
:
var
(
--border-color-hover
)
;
--tag-color
:
#fff
;
--tag-color
:
var
(
--color-white
)
;
--tag-close-color
:
#666
;
--tag-close-color
:
#666
;
--tag-font-size
:
12px
;
--tag-font-size
:
12px
;
--tag-border-radius
:
4px
;
--tag-border-radius
:
4px
;
--tag-gray-fill
:
#e5e9f2
;
--tag-gray-fill
:
#e5e9f2
;
--tag-gray-border
:
#e5e9f2
;
--tag-gray-border
:
#e5e9f2
;
--tag-gray-color
:
#475669
;
--tag-gray-color
:
var
(
--link-color
)
;
--tag-primary-fill
:
rgba
(
32
,
159
,
255
,
0.10
);
--tag-primary-fill
:
rgba
(
32
,
159
,
255
,
0.10
);
--tag-primary-border
:
rgba
(
32
,
159
,
255
,
0.20
);
--tag-primary-border
:
rgba
(
32
,
159
,
255
,
0.20
);
--tag-primary-color
:
#20a0ff
;
--tag-primary-color
:
var
(
--color-primary
)
;
--tag-success-fill
:
rgba
(
18
,
206
,
102
,
0.10
);
--tag-success-fill
:
rgba
(
18
,
206
,
102
,
0.10
);
--tag-success-border
:
rgba
(
18
,
206
,
102
,
0.20
);
--tag-success-border
:
rgba
(
18
,
206
,
102
,
0.20
);
--tag-success-color
:
#13ce66
;
--tag-success-color
:
var
(
--color-success
)
;
--tag-warning-fill
:
rgba
(
247
,
186
,
41
,
0.10
);
--tag-warning-fill
:
rgba
(
247
,
186
,
41
,
0.10
);
--tag-warning-border
:
rgba
(
247
,
186
,
41
,
0.20
);
--tag-warning-border
:
rgba
(
247
,
186
,
41
,
0.20
);
--tag-warning-color
:
#f7ba2a
;
--tag-warning-color
:
var
(
--color-warning
)
;
--tag-danger-fill
:
rgba
(
255
,
73
,
73
,
0.10
);
--tag-danger-fill
:
rgba
(
255
,
73
,
73
,
0.10
);
--tag-danger-border
:
rgba
(
255
,
73
,
73
,
0.20
);
--tag-danger-border
:
rgba
(
255
,
73
,
73
,
0.20
);
--tag-danger-color
:
#ff4949
;
--tag-danger-color
:
var
(
--color-danger
)
;
/* Dropdown
/* Dropdown
-------------------------- */
-------------------------- */
--dropdown-menu-box-shadow
:
var
(
--box-shadow-dark
);
--dropdown-menu-box-shadow
:
var
(
--box-shadow-dark
);
--dropdown-menuItem-hover-fill
:
#e5e9f2
;
--dropdown-menuItem-hover-fill
:
#e5e9f2
;
--dropdown-menuItem-hover-color
:
#475669
;
--dropdown-menuItem-hover-color
:
var
(
--link-color
)
;
/* Badge
/* Badge
-------------------------- */
-------------------------- */
...
@@ -507,14 +507,14 @@
...
@@ -507,14 +507,14 @@
/* Steps
/* Steps
--------------------------*/
--------------------------*/
--menu-item-color
:
#475669
;
--menu-item-color
:
var
(
--link-color
)
;
--menu-item-fill
:
#eff2f7
;
--menu-item-fill
:
#eff2f7
;
--menu-item-hover-fill
:
#d3dce6
;
--menu-item-hover-fill
:
#d3dce6
;
--submenu-item-fill
:
#e5e9f2
;
--submenu-item-fill
:
#e5e9f2
;
--dark-menu-item-color
:
#475669
;
--dark-menu-item-color
:
var
(
--link-color
)
;
--dark-menu-item-fill
:
#324057
;
--dark-menu-item-fill
:
#324057
;
--dark-menu-item-hover-fill
:
#475669
;
--dark-menu-item-hover-fill
:
var
(
--link-color
)
;
--dark-submenu-item-fill
:
#1f2d3d
;
--dark-submenu-item-fill
:
#1f2d3d
;
/* Rate
/* Rate
...
@@ -527,9 +527,9 @@
...
@@ -527,9 +527,9 @@
/* DatePicker
/* DatePicker
--------------------------*/
--------------------------*/
--datepicker-color
:
#475669
;
--datepicker-color
:
var
(
--link-color
)
;
--datepicker-off-color
:
#ddd
;
--datepicker-off-color
:
#ddd
;
--datepicker-header-color
:
#8492a6
;
--datepicker-header-color
:
var
(
--border-color-hover
)
;
--datepicker-icon-color
:
#99a9bf
;
--datepicker-icon-color
:
#99a9bf
;
--datepicker-trigger-color
:
#c0ccda
;
--datepicker-trigger-color
:
#c0ccda
;
--datepicker-border-color
:
#d3dce6
;
--datepicker-border-color
:
#d3dce6
;
...
@@ -537,6 +537,6 @@
...
@@ -537,6 +537,6 @@
--datepicker-cell-hover-color
:
#e5e9f2
;
--datepicker-cell-hover-color
:
#e5e9f2
;
--datepicker-inrange-color
:
#D3ECFF
;
--datepicker-inrange-color
:
#D3ECFF
;
--datepicker-inrange-hover-color
:
#AFDCFF
;
--datepicker-inrange-hover-color
:
#AFDCFF
;
--datepicker-active-color
:
#20a0ff
;
--datepicker-active-color
:
var
(
--color-primary
)
;
--datepicker-text-hover-color
:
#20a0ff
;
--datepicker-text-hover-color
:
#20a0ff
;
}
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
