Files
QSfera/services/web/assets/themes/opencloud/theme.json
T
Jannik StehleandGitHub 2007411b6c feat(web): add dark mode and adjust light theme colors (#1188)
Adds the dark theme and adjusts the light theme colors so we are compliant with the generated material design colors.
2025-07-11 08:47:15 +02:00

212 lines
6.8 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"common": {
"name": "OpenCloud",
"slogan": "OpenCloud Excellent file sharing",
"logo": "themes/opencloud/assets/logo.svg",
"urls": {
"accessDeniedHelp": "",
"imprint": "",
"privacy": "",
"accessibility": ""
},
"shareRoles": {
"b1e2218d-eef8-4d4c-b82d-0f1a1b48f3b5": {
"name": "UnifiedRoleViewer",
"iconName": "eye"
},
"a8d5fe5e-96e3-418d-825b-534dbdf22b99": {
"label": "UnifiedRoleSpaceViewer",
"iconName": "eye"
},
"2d00ce52-1fc2-4dbc-8b95-a73b73395f5a": {
"label": "UnifiedRoleFileEditor",
"iconName": "pencil"
},
"fb6c3e19-e378-47e5-b277-9732f9de6e21": {
"label": "UnifiedRoleEditor",
"iconName": "pencil"
},
"58c63c02-1d89-4572-916a-870abc5a1b7d": {
"label": "UnifiedRoleSpaceEditor",
"iconName": "pencil"
},
"312c0871-5ef7-4b3a-85b6-0e4074c64049": {
"label": "UnifiedRoleManager",
"iconName": "user-star"
},
"1c996275-f1c9-4e71-abdf-a42f6495e960": {
"label": "UnifiedRoleUploader",
"iconName": "upload"
},
"aa97fe03-7980-45ac-9e50-b325749fd7e6": {
"label": "UnifiedRoleSecureView",
"iconName": "shield"
}
}
},
"clients": {
"android": {},
"desktop": {},
"ios": {},
"web": {
"defaults": {
"logo": "themes/opencloud/assets/logo.svg",
"favicon": "themes/opencloud/assets/favicon.svg",
"designTokens": {
"breakpoints": {
"xsmall-max": "",
"small-default": "",
"small-max": "",
"medium-default": "",
"medium-max": "",
"large-default": "",
"large-max": "",
"xlarge": ""
},
"fontSizes": {
"default": "",
"large": "",
"medium": ""
},
"sizes": {
"form-check-default": "",
"height-small": "",
"height-table-row": "",
"icon-default": "",
"max-height-logo": "",
"max-width-logo": "",
"width-medium": "",
"tiles-default": "",
"tiles-resize-step": ""
},
"spacing": {
"xsmall": "",
"small": "",
"medium": "",
"large": "",
"xlarge": "",
"xxlarge": ""
}
}
},
"themes": [
{
"isDark": false,
"label": "Light Theme",
"designTokens": {
"roles": {
"primary": "#00677f",
"onPrimary": "#ffffff",
"primaryContainer": "#b7eaff",
"onPrimaryContainer": "#001f28",
"secondary": "#20434f",
"onSecondary": "#ffffff",
"secondaryContainer": "#cfe6f1",
"onSecondaryContainer": "#071e26",
"tertiary": "#5a5c7e",
"onTertiary": "#ffffff",
"tertiaryContainer": "#e0e0ff",
"onTertiaryContainer": "#171937",
"error": "#ba1a1a",
"onError": "#ffffff",
"errorContainer": "#ffdad6",
"onErrorContainer": "#410002",
"background": "#fbfcfe",
"onBackground": "#191c1d",
"surface": "#fbfcfe",
"onSurface": "#191c1d",
"surfaceVariant": "#dbe4e8",
"onSurfaceVariant": "#40484c",
"outline": "#70787c",
"outlineVariant": "#bfc8cc",
"shadow": "#000000",
"scrim": "#000000",
"inverseSurface": "#2e3132",
"inverseOnSurface": "#eff1f2",
"inversePrimary": "#5cd5fb",
"primaryFixed": "#b7eaff",
"onPrimaryFixed": "#001f28",
"secondaryFixed": "#cfe6f1",
"onSecondaryFixed": "#071e26",
"tertiaryFixed": "#e0e0ff",
"onTertiaryFixed": "#171937",
"surfaceDim": "#d8dadc",
"surfaceBright": "#f8f9fb",
"surfaceContainerLowest": "#ffffff",
"surfaceContainerLow": "#f2f4f5",
"surfaceContainer": "#eceef0",
"surfaceContainerHigh": "#e7e8ea",
"surfaceContainerHighest": "#e1e3e4",
"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",
"logo": "themes/opencloud/assets/logo-white.svg",
"designTokens": {
"roles": {
"primary": "#5cd5fb",
"onPrimary": "#003543",
"primaryContainer": "#004e60",
"onPrimaryContainer": "#b7eaff",
"secondary": "#b3cad4",
"onSecondary": "#1e333b",
"secondaryContainer": "#344a52",
"onSecondaryContainer": "#cfe6f1",
"tertiary": "#c3c3eb",
"onTertiary": "#2c2e4d",
"tertiaryContainer": "#424465",
"onTertiaryContainer": "#e0e0ff",
"error": "#ffb4ab",
"onError": "#690005",
"errorContainer": "#93000a",
"onErrorContainer": "#ffb4ab",
"background": "#191c1d",
"onBackground": "#e1e3e4",
"surface": "#191c1d",
"onSurface": "#e1e3e4",
"surfaceVariant": "#40484c",
"onSurfaceVariant": "#bfc8cc",
"outline": "#8a9296",
"outlineVariant": "#40484c",
"shadow": "#000000",
"scrim": "#000000",
"inverseSurface": "#e1e3e4",
"inverseOnSurface": "#2e3132",
"inversePrimary": "#00677f",
"primaryFixed": "#b7eaff",
"onPrimaryFixed": "#001f28",
"secondaryFixed": "#cfe6f1",
"onSecondaryFixed": "#071e26",
"tertiaryFixed": "#e0e0ff",
"onTertiaryFixed": "#171937",
"surfaceDim": "#111415",
"surfaceBright": "#373a3b",
"surfaceContainerLowest": "#0c0f10",
"surfaceContainerLow": "#191c1d",
"surfaceContainer": "#1d2021",
"surfaceContainerHigh": "#272a2c",
"surfaceContainerHighest": "#323537"
}
}
}
]
}
}
}