maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(themes): add background color to hover and selected rows on cards (#11179)

Browse source
This commit is contained in:
Eduardo Tapia 2020-10-30 18:59:40 -03:00 • committed by GitHub
parent 9cf92d1a9e
commit 28961a279d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/stylesheets/config/_colors.scss
View file

@ -82,6 +82,8 @@
--card-headline-color: var(--base-100);
--card-border: var(--base-a10);
--card-secondary-border: var(--base-a5);
--card-hover-bg: var(--base-10);
--card-selected-bg: var(--base-20);
// Header
--header-bg: var(--base-inverted);

4
app/assets/stylesheets/settings.scss
View file

@ -22,11 +22,11 @@
padding: var(--su-3);
&:hover {
background: var(--base-10);
background: var(--card-hover-bg);
}
&.github-repo-row-featured {
background: $light-green;
background: var(--card-selected-bg);
}
.github-repo-row-name {
align-items: center;

2
app/assets/stylesheets/themes/hacker.scss
View file

@ -74,6 +74,8 @@
--card-headline-color: var(--accent-brand-lighter);
--card-border: rgba(255, 255, 255, 0.2);
--card-secondary-border: rgba(255, 255, 255, 0.2);
--card-hover-bg: var(--base-10);
--card-selected-bg: var(--base-20);
// Header
--header-bg: var(--base-10);

2
app/assets/stylesheets/themes/minimal.scss
View file

@ -72,6 +72,8 @@
--card-headline-color: var(--base-100);
--card-border: var(--base-a5);
--card-secondary-border: var(--base-a5);
--card-hover-bg: var(--base-10);
--card-selected-bg: var(--base-20);
// Header
--header-bg: var(--base-0);

2
app/assets/stylesheets/themes/night.scss
View file

@ -74,6 +74,8 @@
--card-headline-color: var(--base-100);
--card-border: rgba(255, 255, 255, 0.15);
--card-secondary-border: rgba(255, 255, 255, 0.1);
--card-hover-bg: var(--accent-brand-lighter);
--card-selected-bg: var(--accent-brand-darker);
// Header
--header-bg: var(--base-10);

2
app/assets/stylesheets/themes/pink.scss
View file

@ -72,6 +72,8 @@
--card-headline-color: var(--base-100);
--card-border: var(--accent-brand);
--card-secondary-border: #{rgba(#ff6c9b, 0.2)};
--card-hover-bg: var(--base-10);
--card-selected-bg: var(--base-20);
// Header
--header-bg: var(--base-40);