bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-12 22:44:11 +00:00
Code Issues Releases Wiki Activity

[CL-395] Remove text headers color (#10997)

Browse Source
This commit is contained in:
Victoria League
2024-09-12 13:52:57 -04:00
committed by GitHub
parent 7462b1323a
commit 00443f833f
5 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/browser/src/platform/popup/layout/popup-header.component.html
View File

@@ -17,7 +17,7 @@
[attr.aria-label]="'back' | i18n"
[bitAction]="backAction"
></button>
<h1 *ngIf="pageTitle" bitTypography="h3" class="!tw-mb-0.5 tw-text-headers">
<h1 *ngIf="pageTitle" bitTypography="h3" class="!tw-mb-0.5">
{{ pageTitle }}
</h1>
<ng-content></ng-content>

2
libs/components/src/section/section-header.component.html
View File

@@ -1,5 +1,5 @@
<div class="tw-flex tw-justify-between tw-items-end tw-gap-1">
<div class="[&>*]:tw-mb-0 [&>*]:tw-text-headers tw-flex tw-items-center tw-gap-1">
<div class="[&>*]:tw-mb-0 [&>*]:tw-text-main tw-flex tw-items-center tw-gap-1">
<ng-content></ng-content>
</div>
<div class="tw-text-muted has-[button]:-tw-mb-1">

1
libs/components/src/stories/colors.mdx
View File

@@ -74,7 +74,6 @@ export const Table = (args) => (
{Row("text-contrast")}
{Row("text-alt2")}
{Row("text-code")}
{Row("text-headers")}
</tbody>
</table>
);

4
libs/components/src/tw-theme.css
View File

@@ -12,7 +12,7 @@
--color-primary-100: 219 229 246;
--color-primary-300: 121 161 233;
--color-primary-500: 23 93 220;
--color-primary-600: 23 93 200;
--color-primary-600: 23 93 220;
--color-primary-700: 26 65 172;
--color-secondary-100: 230 233 239;
@@ -45,7 +45,6 @@
--color-text-contrast: 255 255 255;
--color-text-alt2: 255 255 255;
--color-text-code: 192 17 118;
--color-text-headers: 2 15 102;
--color-marketing-logo: 23 93 220;
@@ -101,7 +100,6 @@
--color-text-contrast: 18 26 39;
--color-text-alt2: 255 255 255;
--color-text-code: 255 143 208;
--color-text-headers: 226 227 228;
--color-marketing-logo: 255 255 255;

12
libs/components/src/typography/typography.directive.ts
View File

@@ -4,12 +4,12 @@ import { Directive, HostBinding, Input } from "@angular/core";
type TypographyType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "helper";
const styles: Record<TypographyType, string[]> = {
h1: ["!tw-text-3xl", "tw-font-semibold", "tw-text-headers"],
h2: ["!tw-text-2xl", "tw-font-semibold", "tw-text-headers"],
h3: ["!tw-text-xl", "tw-font-semibold", "tw-text-headers"],
h4: ["!tw-text-lg", "tw-font-semibold", "tw-text-headers"],
h5: ["!tw-text-base", "tw-font-bold", "tw-text-headers"],
h6: ["!tw-text-sm", "tw-font-bold", "tw-text-headers"],
h1: ["!tw-text-3xl", "tw-font-semibold", "tw-text-main"],
h2: ["!tw-text-2xl", "tw-font-semibold", "tw-text-main"],
h3: ["!tw-text-xl", "tw-font-semibold", "tw-text-main"],
h4: ["!tw-text-lg", "tw-font-semibold", "tw-text-main"],
h5: ["!tw-text-base", "tw-font-bold", "tw-text-main"],
h6: ["!tw-text-sm", "tw-font-bold", "tw-text-main"],
body1: ["!tw-text-base"],
body2: ["!tw-text-sm"],
helper: ["!tw-text-xs"],