diff --git a/packages/features/src/Domain/Lists/Themes.ts b/packages/features/src/Domain/Lists/Themes.ts index e1110196f..aa7e1458e 100644 --- a/packages/features/src/Domain/Lists/Themes.ts +++ b/packages/features/src/Domain/Lists/Themes.ts @@ -98,7 +98,7 @@ export function themes(): ThemeFeatureDescription[] { }) const proton: ThemeFeatureDescription = FillThemeComponentDefaults({ - availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser], + availableInRoles: [RoleName.NAMES.CoreUser, RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser], name: 'Proton', identifier: NativeFeatureIdentifier.TYPES.ProtonTheme, permission_name: PermissionName.ProtonTheme, diff --git a/packages/snjs/lib/Services/Features/UseCase/GetFeatureStatus.ts b/packages/snjs/lib/Services/Features/UseCase/GetFeatureStatus.ts index 73acb658a..99aa283f3 100644 --- a/packages/snjs/lib/Services/Features/UseCase/GetFeatureStatus.ts +++ b/packages/snjs/lib/Services/Features/UseCase/GetFeatureStatus.ts @@ -114,8 +114,10 @@ export class GetFeatureStatusUseCase { } private isFreeFeature(featureId: NativeFeatureIdentifier) { - return [NativeFeatureIdentifier.TYPES.DarkTheme, NativeFeatureIdentifier.TYPES.PlainEditor].includes( - featureId.value, - ) + return [ + NativeFeatureIdentifier.TYPES.DarkTheme, + NativeFeatureIdentifier.TYPES.PlainEditor, + NativeFeatureIdentifier.TYPES.ProtonTheme, + ].includes(featureId.value) } } diff --git a/packages/web/src/components/assets/com.standardnotes.theme-proton/index.css b/packages/web/src/components/assets/com.standardnotes.theme-proton/index.css index c1a8e4e14..a38a024ca 100644 --- a/packages/web/src/components/assets/com.standardnotes.theme-proton/index.css +++ b/packages/web/src/components/assets/com.standardnotes.theme-proton/index.css @@ -14,6 +14,7 @@ --sn-stylekit-border-color: var(--border-weak); --sn-stylekit-contrast-background-color: var(--background-weak); --sn-stylekit-contrast-foreground-color: var(--text-norm); + --sn-stylekit-contrast-border-color: var(--border-norm); --sn-stylekit-secondary-background-color: var(--background-weak); --sn-stylekit-secondary-foreground-color: var(--text-norm); --sn-stylekit-info-color: var(--interaction-norm); @@ -26,6 +27,7 @@ --navigation-item-selected-background-color: var(--background-strong); --sn-stylekit-paragraph-text-color: var(--text-weak); + --sn-stylekit-scrollbar-thumb-color: var(--primary); } a,