From e18f288d768d2a05e0d6dc6cc70068230172491c Mon Sep 17 00:00:00 2001 From: Benedikt Kulmann Date: Thu, 13 Mar 2025 12:12:59 +0100 Subject: [PATCH] feat(web): add secondary theme with light and dark mode --- .../themes/opencloud-dev/assets/favicon.ico | Bin 0 -> 15086 bytes .../themes/opencloud-dev/assets/logo.svg | 14 + .../assets/themes/opencloud-dev/theme.json | 258 ++++++++++++++++++ 3 files changed, 272 insertions(+) create mode 100644 services/web/assets/themes/opencloud-dev/assets/favicon.ico create mode 100644 services/web/assets/themes/opencloud-dev/assets/logo.svg create mode 100644 services/web/assets/themes/opencloud-dev/theme.json diff --git a/services/web/assets/themes/opencloud-dev/assets/favicon.ico b/services/web/assets/themes/opencloud-dev/assets/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..bc0c9b7e11e1780fb831b6c972aef8454d6b1b8b GIT binary patch literal 15086 zcmeHOJC0N_5cCQXGLA3_(uNxmBXI!44ItwV1c-!FkV8t!HOL9L$lzM3hT2~L$M$=} zcqQXscUN`0+waY2aPG!Ead&sl_Xqd=g>x^R`!|2?+;6|e{SQx_`{D&|A>-RS-=K%T z+h_OPgMZ$?~#%DJhI}yUHmoneBZ%ZYc0*v3-KoZ+GoKm&cMNa9pa8PeQwj2nrGS!KSCTeU*I3P zvmfz{ZS_@Sue_~2mD>}4=8)wZnlslzduuIz=gxem8i9p;MH^w8dBge`Q5&$ScSlb@ zV2j*=F`7U9NZmDzX|7k^v^#=7c!aQk+2Th}Te%qNKF(TmNn=)$Q(N&?A24q5V=vs* zml94TGHP>+af~DLOMA#}!7+y!%PDdP?~)qH;f&r7`LWlSr(yxlm&iNi)7p!_W3Je& z*j!rWwD?e?)5DigtV%hYlUKmynUvyLxz^_haha>uZq3}jwLI3m-)E}Xv9#X@%%0 + + + + + + + + + + + + + diff --git a/services/web/assets/themes/opencloud-dev/theme.json b/services/web/assets/themes/opencloud-dev/theme.json new file mode 100644 index 0000000000..f331dc78f7 --- /dev/null +++ b/services/web/assets/themes/opencloud-dev/theme.json @@ -0,0 +1,258 @@ +{ + "clients": { + "android": {}, + "desktop": {}, + "ios": {}, + "web": { + "defaults": { + "appBanner": {}, + "designTokens": { + "breakpoints": { + "large-default": "", + "large-max": "", + "medium-default": "", + "medium-max": "", + "small-default": "", + "small-max": "", + "xlarge": "", + "xsmall-max": "" + }, + "fontSizes": { + "default": "", + "large": "", + "medium": "" + }, + "sizes": { + "form-check-default": "", + "height-small": "", + "height-table-row": "", + "icon-default": "", + "max-height-logo": "", + "max-width-logo": "", + "tiles-default": "", + "tiles-resize-step": "", + "width-medium": "" + }, + "spacing": { + "large": "", + "medium": "", + "small": "", + "xlarge": "", + "xsmall": "", + "xxlarge": "" + } + }, + "logo": "themes/opencloud-dev/assets/logo.svg", + "favicon": "themes/opencloud-dev/assets/favicon.jpg" + }, + "themes": [ + { + "isDark": false, + "label": "Light Theme", + "designTokens": { + "roles": { + "primary": "#07677F", + "surfaceTint": "#07677F", + "onPrimary": "#FFFFFF", + "primaryContainer": "#B7EAFF", + "onPrimaryContainer": "#001F28", + "secondary": "#20434f", + "onSecondary": "#FFFFFF", + "secondaryContainer": "#f4e5ff", + "onSecondaryContainer": "#071E26", + "tertiary": "#5A5C7E", + "onTertiary": "#FFFFFF", + "tertiaryContainer": "#E0E0FF", + "onTertiaryContainer": "#171937", + "error": "#BA1A1A", + "onError": "#FFFFFF", + "errorContainer": "#FFDAD6", + "onErrorContainer": "#410002", + "background": "#F5FAFD", + "onBackground": "#171C1F", + "surface": "#FFFFFF", + "onSurface": "#171C1F", + "surfaceVariant": "#DBE4E8", + "onSurfaceVariant": "#40484C", + "outline": "#70787C", + "outlineVariant": "#BFC8CC", + "shadow": "#000000", + "scrim": "#000000", + "inverseSurface": "#2C3134", + "inverseOnSurface": "#EDF1F4", + "inversePrimary": "#88D1EC", + "primaryFixed": "#B7EAFF", + "onPrimaryFixed": "#001F28", + "primaryFixedDim": "#88D1EC", + "onPrimaryFixedVariant": "#004E60", + "secondaryFixed": "#CFE6F1", + "onSecondaryFixed": "#071E26", + "secondaryFixedDim": "#B3CAD4", + "onSecondaryFixedVariant": "#344A52", + "tertiaryFixed": "#E0E0FF", + "onTertiaryFixed": "#171937", + "tertiaryFixedDim": "#C3C3EB", + "onTertiaryFixedVariant": "#424465", + "surfaceDim": "#D6DBDE", + "surfaceBright": "#F5FAFD", + "surfaceContainerLowest": "#FFFFFF", + "surfaceContainerLow": "#EFF4F7", + "surfaceContainer": "#F1F3F4", + "surfaceContainerHigh": "#E4E9EC", + "surfaceContainerHighest": "#DEE3E6", + "chrome": "#20434f", + "onChrome": "#ffffff" + }, + "colorPalette": { + "icon-archive": "#fbbe54", + "icon-audio": "#700460", + "icon-document": "#3b44a6", + "icon-folder": "#4d7eaf", + "icon-image": "#ee6b3b", + "icon-medical": "#0984db", + "icon-pdf": "#ec0d47", + "icon-presentation": "#ee6b3b", + "icon-spreadsheet": "#15c286", + "icon-video": "#045459" + } + } + }, + { + "isDark": true, + "label": "Dark Theme", + "designTokens": { + "roles": { + "primary": "#DDB9F7", + "surfaceTint": "#DDB9F7", + "onPrimary": "#402357", + "primaryContainer": "#583A6F", + "onPrimaryContainer": "#F2DAFF", + "secondary": "#FFFFFF", + "onSecondary": "#372C3F", + "secondaryContainer": "#000000", + "onSecondaryContainer": "#EEDDF6", + "tertiary": "#F4B7BB", + "onTertiary": "#4C2529", + "tertiaryContainer": "#663A3F", + "onTertiaryContainer": "#FFDADB", + "error": "#FFB4AB", + "onError": "#690005", + "errorContainer": "#93000A", + "onErrorContainer": "#FFDAD6", + "background": "#151217", + "onBackground": "#FFFFFF", + "surface": "#19353f", + "onSurface": "#FFFFFF", + "surfaceVariant": "#4B454D", + "onSurfaceVariant": "#CDC3CE", + "outline": "#968E98", + "outlineVariant": "#4B454D", + "shadow": "#000000", + "scrim": "#000000", + "inverseSurface": "#FFFFFF", + "inverseOnSurface": "#332F35", + "inversePrimary": "#715289", + "primaryFixed": "#F2DAFF", + "onPrimaryFixed": "#2A0C41", + "primaryFixedDim": "#DDB9F7", + "onPrimaryFixedVariant": "#583A6F", + "secondaryFixed": "#EEDDF6", + "onSecondaryFixed": "#211829", + "secondaryFixedDim": "#D1C1D9", + "onSecondaryFixedVariant": "#4E4256", + "tertiaryFixed": "#FFDADB", + "onTertiaryFixed": "#321015", + "tertiaryFixedDim": "#F4B7BB", + "onTertiaryFixedVariant": "#663A3F", + "surfaceDim": "#151217", + "surfaceBright": "#3C383E", + "surfaceContainerLowest": "#100D12", + "surfaceContainerLow": "#1E1A20", + "surfaceContainer": "#082029", + "surfaceContainerHigh": "#2D292E", + "surfaceContainerHighest": "#383339", + "chrome": "#082029", + "onChrome": "#ffffff" + }, + "colorPalette": { + "icon-archive": "rgb(255, 207, 1)", + "icon-audio": "rgb(208, 67, 236)", + "icon-document": "rgb(44, 101, 255)", + "icon-folder": "rgb(44, 101, 255)", + "icon-image": "rgb(255, 111, 0)", + "icon-medical": "rgb(9,132,219)", + "icon-pdf": "rgb(225, 5, 14)", + "icon-presentation": "rgb(255, 64, 6)", + "icon-spreadsheet": "rgb(0, 182, 87)", + "icon-video": "rgb(0, 187, 219)" + } + } + } + ] + } + }, + "common": { + "logo": "themes/opencloud-dev/assets/logo.svg", + "name": "OpenCloud", + "shareRoles": { + "1c996275-f1c9-4e71-abdf-a42f6495e960": { + "iconName": "upload", + "label": "UnifiedRoleEditorLite" + }, + "2d00ce52-1fc2-4dbc-8b95-a73b73395f5a": { + "iconName": "pencil", + "label": "UnifiedRoleFileEditor" + }, + "312c0871-5ef7-4b3a-85b6-0e4074c64049": { + "iconName": "user-star", + "label": "UnifiedRoleManager" + }, + "3284f2d5-0070-4ad8-ac40-c247f7c1fb27": { + "iconName": "pencil", + "label": "UnifiedRoleSpaceEditorWithoutVersions" + }, + "58c63c02-1d89-4572-916a-870abc5a1b7d": { + "iconName": "pencil", + "label": "UnifiedRoleSpaceEditor" + }, + "63e64e19-8d43-42ec-a738-2b6af2610efa": { + "iconName": "stop-circle", + "label": "UnifiedRoleFullDenial" + }, + "a8d5fe5e-96e3-418d-825b-534dbdf22b99": { + "iconName": "eye", + "label": "UnifiedRoleSpaceViewer" + }, + "aa97fe03-7980-45ac-9e50-b325749fd7e6": { + "iconName": "shield", + "label": "UnifiedRoleSecureView" + }, + "b1e2218d-eef8-4d4c-b82d-0f1a1b48f3b5": { + "iconName": "eye", + "name": "UnifiedRoleViewer" + }, + "c1235aea-d106-42db-8458-7d5610fb0a67": { + "iconName": "pencil", + "label": "UnifiedRoleFileEditorListGrants" + }, + "d5041006-ebb3-4b4a-b6a4-7c180ecfb17d": { + "iconName": "eye", + "name": "UnifiedRoleViewerListGrants" + }, + "e8ea8b21-abd4-45d2-b893-8d1546378e9e": { + "iconName": "pencil", + "label": "UnifiedRoleEditorListGrants" + }, + "fb6c3e19-e378-47e5-b277-9732f9de6e21": { + "iconName": "pencil", + "label": "UnifiedRoleEditor" + } + }, + "slogan": "OpenCloud – Your friendly neighbourhood cloud", + "urls": { + "accessDeniedHelp": "", + "imprint": "", + "privacy": "" + } + } +}