github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

add new type contrast option to hierarchy

Browse Source
This commit is contained in:
Ben Haynes
2021-01-13 18:11:24 -05:00
parent fbe5d6e094
commit f69c8c2c36
8 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/v-chip/v-chip.vue
View File

@@ -75,7 +75,7 @@ export default defineComponent({
<style>
body {
--v-chip-color: var(--black);
--v-chip-color: var(--foreground-normal);
--v-chip-background-color: var(--background-normal-alt);
--v-chip-color-hover: var(--white);
--v-chip-background-color-hover: var(--primary-125);

6
app/src/components/v-list/v-list.vue
View File

@@ -58,9 +58,9 @@ body {
--v-list-max-width: none;
--v-list-min-width: 220px;
--v-list-min-height: none;
--v-list-color: var(--foreground-normal);
--v-list-color-hover: var(--foreground-normal);
--v-list-color-active: var(--foreground-normal);
--v-list-color: var(--foreground-normal-alt);
--v-list-color-hover: var(--foreground-normal-alt);
--v-list-color-active: var(--foreground-normal-alt);
--v-list-background-color-hover: var(--background-normal-alt);
--v-list-background-color-active: var(--background-normal-alt);
}

3
app/src/styles/themes/_dark.scss
View File

@@ -6,7 +6,8 @@
--border-normal-alt: #78909c;
--border-subdued: #2E3F47;
--foreground-normal: #cfd8dc;
--foreground-normal: #B3C4CC; // Less contrast for improved hierarchy
--foreground-normal-alt: #cfd8dc; // More contrast for titles and labels
--foreground-subdued: #697A83;
--foreground-inverted:#263238;

3
app/src/styles/themes/_light.scss
View File

@@ -6,7 +6,8 @@
--border-normal-alt: #A2B5CD;
--border-subdued: #F0F4F9;
--foreground-normal: #182B44;
--foreground-normal: #4F5464; // Less contrast for improved hierarchy
--foreground-normal-alt: #172940; // More contrast for titles and labels
--foreground-subdued: #A2B5CD;
--foreground-inverted:#FFF;

2
app/src/views/private/components/module-bar/module-bar.vue
View File

@@ -98,7 +98,7 @@ body {
--module-background: #18222F;
--module-background-alt: var(--background-normal);
--module-icon: #8196B1;
--module-icon-alt: var(--foreground-normal);
--module-icon-alt: var(--foreground-normal-alt);
}
</style>

2
app/src/views/private/components/project-info/project-info.vue
View File

@@ -32,7 +32,7 @@ export default defineComponent({
width: 100%;
height: 64px;
padding: 0 20px;
color: var(--foreground-normal);
color: var(--foreground-normal-alt);
text-align: left;
background-color: var(--background-normal-alt);

2
app/src/views/private/components/sidebar-button/sidebar-button.vue
View File

@@ -48,7 +48,7 @@ export default defineComponent({
flex-shrink: 0;
width: 100%;
height: 64px;
color: var(--foreground-normal);
color: var(--foreground-normal-alt);
background-color: var(--background-normal-alt);
.icon {

4
app/src/views/private/components/sidebar-detail/sidebar-detail.vue
View File

@@ -61,8 +61,8 @@ export default defineComponent({
<style>
body {
--sidebar-detail-icon-color: var(--foreground-normal);
--sidebar-detail-color: var(--foreground-normal);
--sidebar-detail-icon-color: var(--foreground-normal-alt);
--sidebar-detail-color: var(--foreground-normal-alt);
--sidebar-detail-color-active: var(--primary);
}
</style>