Skip to content

Commit 2f291cf

Browse files
committed
I love styling issues... (reported to issues to Polymer/Polymer, hopefully we will get there some day)
1 parent 7b72417 commit 2f291cf

File tree

3 files changed

+7
-5
lines changed

3 files changed

+7
-5
lines changed

demo/miscellaneous/theming.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@
7878
padding-right: 24px;
7979
};
8080

81-
--paper-datatable-header-checkbox-color: rgba(255, 255, 255, var(--dark-primary-opacity));
81+
--paper-datatable-header-checkbox-border-color: rgba(255, 255, 255, var(--dark-primary-opacity));
8282

8383
--paper-datatable-cell: {
8484
color: #212121;

docs/styling.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,8 @@ Sometimes you need to style content inside of a cell when using `<template>`'s.
3535
`--paper-datatable-divider-color` | divider color between rows | `--divider-color`
3636
`--paper-datatable-row-selection-color` | divider color between rows | `--paper-grey-100`
3737
`--paper-datatable-row-hover-color` | color of hovered row | `--paper-grey-200`
38-
`--paper-datatable-checkbox-color` | checkbox color | `--primary-text-color`
39-
`--paper-datatable-header-checkbox-color` | checkbox color | `--primary-text-color`
38+
`--paper-datatable-checkbox-border-color` | checkbox color | `--primary-text-color`
39+
`--paper-datatable-header-checkbox-border-color` | checkbox color | `--primary-text-color`
4040
`--paper-datatable-icon-color` | icon color of editable icon | `rgba(0,0,0,.54)`
4141

4242
Mixins

paper-datatable.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -203,12 +203,14 @@
203203
width: 100%;
204204
}
205205
paper-checkbox{
206-
--paper-checkbox-unchecked-color: var(--paper-datatable-checkbox-color, --primary-text-color);
206+
--paper-checkbox-unchecked-color: var(--paper-datatable-checkbox-border-color, --primary-text-color);
207+
--paper-checkbox-checked-color: var(--paper-datatable-checkbox-color, --accent-color);
207208
@apply(--paper-datatable-checkbox);
208209
}
209210
th paper-checkbox{
211+
--paper-checkbox-unchecked-color: var(--paper-datatable-header-checkbox-border-color, --primary-text-color);
212+
--paper-checkbox-checked-color: var(--paper-datatable-header-checkbox-color, --accent-color);
210213
@apply(--paper-datatable-header-checkbox);
211-
--paper-checkbox-unchecked-color: var(--paper-datatable-header-checkbox-color, --primary-text-color);
212214
}
213215
.partialSelectionContainer{
214216
width:18px;

0 commit comments

Comments
 (0)