extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-22 16:03:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

More style cleanup

Browse Source
This commit is contained in:
nathan 2024-07-15 09:40:28 -06:00
parent 4b3e09092c
commit 844f64fffa
2 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/js/etemplate/Et2Button/ButtonMixin.ts
View File

@ -130,7 +130,7 @@ export const ButtonMixin = <T extends Constructor>(superclass : T) => class exte
/* Override primary styling - we use variant=primary on first dialog button */ /* Override primary styling - we use variant=primary on first dialog button */
.button--standard.button--primary { .button--standard.button--primary {
background-color: hsl(240deg 5% 96%); background-color: var(--sl-color-gray-100);
border-color: var(--sl-color-gray-400); border-color: var(--sl-color-gray-400);
color: var(--sl-input-color-hover); color: var(--sl-input-color-hover);
} }

31
api/js/etemplate/Styles/shoelace.ts
View File

@ -1,4 +1,3 @@
import sl_css from '@shoelace-style/shoelace/dist/themes/light.styles.js';
import {css} from "lit"; import {css} from "lit";
import {registerIconLibrary} from '@shoelace-style/shoelace/dist/utilities/icon-library.js'; import {registerIconLibrary} from '@shoelace-style/shoelace/dist/utilities/icon-library.js';
@ -38,26 +37,26 @@ if(typeof egw !== "undefined" && typeof egw.image == "function")
* Customise shoelace styles to match our stuff * Customise shoelace styles to match our stuff
* External CSS & widget styles will override this * External CSS & widget styles will override this
*/ */
export default [sl_css, css` export default [css`
:root, :root,
:host, :host,
.sl-theme-light { .sl-theme-light {
--sl-font-sans: egroupware, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --sl-font-sans: egroupware, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--sl-button-font-size-medium: var(--sl-font-size-medium); --sl-button-font-size-medium: var(--sl-font-size-medium);
--sl-input-help-text-font-size-medium: var(--sl-font-size-medium); --sl-input-help-text-font-size-medium: var(--sl-font-size-medium);
--sl-spacing-small: 0.1rem; --sl-spacing-small: 0.1rem;
--sl-spacing-medium: 0.5rem; --sl-spacing-medium: 0.5rem;
--sl-input-border-radius-small: 2px; --sl-input-border-radius-small: 2px;
--sl-input-border-radius-medium: 3px; --sl-input-border-radius-medium: 3px;
--sl-input-border-color-focus: #E6E6E6; --sl-input-border-color-focus: #E6E6E6;
--indicator-color: #696969; --indicator-color: #696969;
--sl-input-focus-ring-color: #26537C; --sl-input-focus-ring-color: #26537C;
--sl-focus-ring-width: 2px; --sl-focus-ring-width: 2px;
--sl-color-gray-150: #f0f0f0; --sl-color-gray-150: hsl(240, 4.9%, 92.5%);
} }
.tab-group--top .tab-group__tabs {
.tab-group--top .tab-group__tabs {
--track-width: 3px; --track-width: 3px;
} }
.form-control--has-label .form-control__label { .form-control--has-label .form-control__label {