mirror of
https://github.com/bitwarden/web
synced 2025-12-24 12:13:14 +00:00
0c02cfea2f
* Stylesheets * Theme Configuration * Options Area * swal2 style * Icon styling * Fix theme not saving * Update English * Update messages.json * dropdown and login logo * btn-link and totp fix * Organisation Styling * Update webauthn-fallback.ts * Fix contrast issues * Add Paypal Container and Loading svg file * Password Generator contrast fix * Dark Mode Fix buttons and foreground * Fix button hover * Fix Styles after rebase * Add hover on nav dropdown-item * Disable Theme Preview * Options Fix for Default Theme Changes * Updated Colour Scheme * Toast fix * Button and Text Styling * Options Update and Messages Fix * Added Search Icon and Fixed Callout styling * Add theme styling to Stripe * Refactor logic for setting color * Reorder logic to avoid race condition * PayPal Loading and Misc Fix * text-state bug fix * Badge Colour Fix * Remove PayPal Tagline The colour cannot be styled so it's not visible on a dark theme * Adding the Styling from #1131 * Update to New Design * Form and Nav restyle * Modal Opacity and Callout * Nav Colours * Missing Borders * Light theme fix * Improved border for listgroup * Change Org Nav Colour * Save theme to localStorage for persistence * Undo change to Wired image * !Important removal and tweaks * Fix regression with navbar * Light theme by default * Refactor to use getEffectiveTheme * Refactor theme constants to use enum * Set theme in index.html before app loads * Use scss selector to set logo image * Export Sass to TS * Update jslib Co-authored-by: Thomas Rittson <trittson@bitwarden.com>
100 lines
4.6 KiB
HTML
100 lines
4.6 KiB
HTML
<div class="page-header">
|
|
<h1>{{'options' | i18n}}</h1>
|
|
</div>
|
|
<p>{{'optionsDesc' | i18n}}</p>
|
|
<form (ngSubmit)="submit()" ngNativeValidate>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<app-vault-timeout-input [vaultTimeouts]="vaultTimeouts" [formControl]="vaultTimeout" ngDefaultControl>
|
|
</app-vault-timeout-input>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{'vaultTimeoutAction' | i18n}}</label>
|
|
<div class="form-check form-check-block">
|
|
<input class="form-check-input" type="radio" name="vaultTimeoutAction" id="vaultTimeoutActionLock"
|
|
value="lock" [(ngModel)]="vaultTimeoutAction">
|
|
<label class="form-check-label" for="vaultTimeoutActionLock">
|
|
{{'lock' | i18n}}
|
|
<small>{{'vaultTimeoutActionLockDesc' | i18n}}</small>
|
|
</label>
|
|
</div>
|
|
<div class="form-check mt-2 form-check-block">
|
|
<input class="form-check-input" type="radio" name="vaultTimeoutAction" id="vaultTimeoutActionLogOut"
|
|
value="logOut" [(ngModel)]="vaultTimeoutAction" (ngModelChange)="vaultTimeoutActionChanged($event)">
|
|
<label class="form-check-label" for="vaultTimeoutActionLogOut">
|
|
{{'logOut' | i18n}}
|
|
<small>{{'vaultTimeoutActionLogOutDesc' | i18n}}</small>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<div class="d-flex">
|
|
<label for="locale">{{'language' | i18n}}</label>
|
|
<a class="ml-auto" href="https://help.bitwarden.com/article/localization/" target="_blank"
|
|
rel="noopener" appA11yTitle="{{'learnMore' | i18n}}">
|
|
<i class="fa fa-question-circle-o" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
<select id="locale" name="Locale" [(ngModel)]="locale" class="form-control">
|
|
<option *ngFor="let o of localeOptions" [ngValue]="o.value">{{o.name}}</option>
|
|
</select>
|
|
<small class="form-text text-muted">{{'languageDesc' | i18n}}</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="disableIcons" name="DisableIcons"
|
|
[(ngModel)]="disableIcons">
|
|
<label class="form-check-label" for="disableIcons">
|
|
{{'disableIcons' | i18n}}
|
|
</label>
|
|
<a href="https://help.bitwarden.com/article/website-icons/" target="_blank" rel="noopener"
|
|
appA11yTitle="{{'learnMore' | i18n}}">
|
|
<i class="fa fa-question-circle-o" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
<small class="form-text text-muted">{{'disableIconsDesc' | i18n}}</small>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="enableGravatars" name="enableGravatars"
|
|
[(ngModel)]="enableGravatars">
|
|
<label class="form-check-label" for="enableGravatars">
|
|
{{'enableGravatars' | i18n}}
|
|
</label>
|
|
<a href="https://gravatar.com/" target="_blank" rel="noopener" appA11yTitle="{{'learnMore' | i18n}}">
|
|
<i class="fa fa-question-circle-o" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
<small class="form-text text-muted">{{'enableGravatarsDesc' | i18n}}</small>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="enableFullWidth" name="enableFullWidth"
|
|
[(ngModel)]="enableFullWidth">
|
|
<label class="form-check-label" for="enableFullWidth">
|
|
{{'enableFullWidth' | i18n}}
|
|
</label>
|
|
</div>
|
|
<small class="form-text text-muted">{{'enableFullWidthDesc' | i18n}}</small>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label for="theme">{{'theme' | i18n}}</label>
|
|
<select id="theme" name="theme" [(ngModel)]="theme" class="form-control">
|
|
<option *ngFor="let o of themeOptions" [ngValue]="o.value">{{o.name}}</option>
|
|
</select>
|
|
<small class="form-text text-muted">{{'themeDesc' | i18n}}</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">
|
|
{{'save' | i18n}}
|
|
</button>
|
|
</form>
|