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

start of new "fancy" theme

Browse Source
This commit is contained in:
ralf 2024-08-14 14:30:07 +02:00
parent ef04ac9099
commit 1e98adb658
8 changed files with 7301 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Gruntfile.js
View File

@ -39,6 +39,17 @@ module.exports = function (grunt) {
},
pixelegg: {
files: {
"pixelegg/css/fancy.min.css": [
"node_modules/flatpickr/dist/themes/light.css",
"vendor/bower-asset/diff2html/dist/diff2html.css",
"vendor/bower-asset/cropper/dist/cropper.min.css",
"api/templates/default/css/flags.css",
"api/templates/default/css/htmlarea.css",
"api/templates/default/etemplate2.css",
"pixelegg/css/fancy.css",
"api/templates/default/print.css",
"pixelegg/print.css"
],
"pixelegg/css/pixelegg.min.css": [
"node_modules/flatpickr/dist/themes/light.css",
"vendor/bower-asset/diff2html/dist/diff2html.css",

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

@ -38,30 +38,12 @@ if(typeof egw !== "undefined" && typeof egw.image == "function")
* External CSS & widget styles will override this
*/
export default [css`
:root,
:host,
.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-button-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-medium: 0.5rem;
--sl-input-border-radius-small: 2px;
--sl-input-border-radius-medium: 3px;
--sl-input-border-color-focus: #E6E6E6;
--indicator-color: #696969;
--sl-input-focus-ring-color: #26537C;
--sl-focus-ring-width: 2px;
--sl-color-gray-150: hsl(240, 4.9%, 92.5%);
}
.tab-group--top .tab-group__tabs {
--track-width: 3px;
--track-width: var(--track-width);
}
.form-control--has-label .form-control__label {
display: inline-block;
color: var(--sl-input-label-color);
margin-right: var(--sl-spacing-medium);
}
`];
`];

7200
pixelegg/css/fancy.css Normal file
View File

File diff suppressed because it is too large Load Diff

14
pixelegg/css/fancy.less Normal file
View File

@ -0,0 +1,14 @@
/**
* EGroupware: "fancy" theme
*
* @link https://www.egroupware.org
* @license https://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package pixelegg
*/
@import "pixelegg.less";
// overwriting pixelegg.less and Shoelace light theme
:root, :host, .sl-theme-light {
--sl-border-radius-medium: 20px;
--sl-input-border-radius-medium: var(--sl-border-radius-medium);
}

17
pixelegg/css/mobile.css
View File

@ -6810,6 +6810,23 @@ table.egwGridView_grid img.et2_appicon {
filter: initial;
/* IE 6-9 */
}
:root,
:host,
.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-button-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-medium: 0.5rem;
--sl-input-border-radius-small: 2px;
--sl-input-border-radius-medium: 3px;
--sl-input-border-color-focus: #E6E6E6;
--indicator-color: #696969;
--sl-input-focus-ring-color: #26537C;
--sl-focus-ring-width: 2px;
--sl-color-gray-150: hsl(240, 4.9%, 92.5%);
--track-width: 3px;
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(0, 51, 102, 0.3);
border-left: 4px solid #003366 !important;

17
pixelegg/css/pixelegg.css
View File

@ -6800,6 +6800,23 @@ table.egwGridView_grid img.et2_appicon {
filter: initial;
/* IE 6-9 */
}
:root,
:host,
.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-button-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-medium: 0.5rem;
--sl-input-border-radius-small: 2px;
--sl-input-border-radius-medium: 3px;
--sl-input-border-color-focus: #E6E6E6;
--indicator-color: #696969;
--sl-input-focus-ring-color: #26537C;
--sl-focus-ring-width: 2px;
--sl-color-gray-150: hsl(240, 4.9%, 92.5%);
--track-width: 3px;
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(0, 51, 102, 0.3);
border-left: 4px solid #003366 !important;

17
pixelegg/css/pixelegg.less
View File

@ -11,6 +11,23 @@
@import "monochrome.less";
@import "../less/app_colors.less";
// overwriting Shoelace light theme
:root, :host, .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-button-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-medium: 0.5rem;
--sl-input-border-radius-small: 2px;
--sl-input-border-radius-medium: 3px;
--sl-input-border-color-focus: #E6E6E6;
--indicator-color: #696969;
--sl-input-focus-ring-color: #26537C;
--sl-focus-ring-width: 2px;
--sl-color-gray-150: hsl(240, 4.9%, 92.5%);
--track-width: 3px;
}
// Addressbook
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {

17
pixelegg/mobile/fw_mobile.css
View File

@ -6618,6 +6618,23 @@ span.egw_tutorial_title {
/*@import "../less/layout_nextmatch.less";*/
/*@import "../less/layout_footer.less";*/
/*@import "../less/layout_dialog.less";*/
:root,
:host,
.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-button-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-medium: 0.5rem;
--sl-input-border-radius-small: 2px;
--sl-input-border-radius-medium: 3px;
--sl-input-border-color-focus: #E6E6E6;
--indicator-color: #696969;
--sl-input-focus-ring-color: #26537C;
--sl-focus-ring-width: 2px;
--sl-color-gray-150: hsl(240, 4.9%, 92.5%);
--track-width: 3px;
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: rgba(0, 51, 102, 0.3);
border-left: 4px solid #003366 !important;