sevenhill/QSfera
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust idp theme (#71)

Browse Source
This commit is contained in:
Alex
2025-01-20 11:29:55 +01:00
committed by GitHub
parent 0a9a48472f
commit b08494358e
10 changed files with 36 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/idp/Makefile
+15 -2
View File
@@ -32,17 +32,30 @@ ci-node-generate: assets
.PHONY: assets
assets: pnpm-build \
assets/identifier/static \
assets/identifier/static/favicon.ico
assets/identifier/static/favicon.ico \
assets/identifier/static/opentalk-500.woff2 \
assets/identifier/static/opentalk-750.woff2
assets/identifier/static:
mkdir -p assets/identifier/static
FAVICON_URL = https://raw.githubusercontent.com/owncloud/assets/main/favicon.ico
# check if urls are stable, if not replace with stable location
FAVICON_URL = https://opencloud.eu/themes/cloudy/src/assets/favicon/favicon.ico
FONT_VARIATION_500_URL = https://gitlab.opencode.de/opentalk/web-frontend/-/raw/main/app/public/assets/fonts/opentalk/regular/opentalk-regular.woff2
FONT_VARIATION_750_URL = https://gitlab.opencode.de/opentalk/web-frontend/-/raw/main/app/public/assets/fonts/opentalk/bold/opentalk-bold.woff2
.PHONY: assets/identifier/static/favicon.ico # force overwrite
assets/identifier/static/favicon.ico:
curl --fail -o assets/identifier/static/favicon.ico ${FAVICON_URL}
.PHONY: assets/identifier/static/opentalk-500.woff2
assets/identifier/static/opentalk-500.woff2:
curl --fail -o assets/identifier/static/opentalk-500.woff2 ${FONT_VARIATION_500_URL}
.PHONY: assets/identifier/static/opentalk-750.woff2
assets/identifier/static/opentalk-750.woff2:
curl --fail -o assets/identifier/static/opentalk-750.woff2 ${FONT_VARIATION_750_URL}
.PHONY: pnpm-build
pnpm-build: node_modules
#pnpm lint #TODO: activate
services/idp/public/index.html
+15
View File
@@ -1,6 +1,21 @@
<!doctype html>
<html lang="en">
<head data-kopano-build="%REACT_APP_KOPANO_BUILD%">
<style>
@font-face {
font-family: OpenTalk;
src: url('%PUBLIC_URL%/static/opentalk-500.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: OpenTalk;
src: url('%PUBLIC_URL%/static/opentalk-750.woff2') format('woff2');
font-weight: bold;
font-style: normal;
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#1b223d">
services/idp/src/app.css
+4 -11
View File
@@ -1,17 +1,10 @@
/* additional css on top of kpop */
@font-face {
font-family: Inter;
src: url(./fonts/inter.woff2) format('woff2'), url(./fonts/inter.ttf) format('truetype');
font-weight: 100 900;
font-style: oblique 0deg 12deg;
}
html {
font-feature-settings: "cv11";
}
body {
font-family: Inter, sans-serif;
font-family: OpenTalk, sans-serif;
}
strong {
@@ -19,7 +12,7 @@ strong {
}
.oc-login-bg {
background-image: url(./images/background.jpg);
background-image: url(./images/background.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
@@ -101,9 +94,9 @@ strong {
.oc-button-primary {
/* Needs to be important to overwrite material-ui */
width: 100%;
background: linear-gradient(to right, #2c588e, #4e85c8) -1px;
background-size: 103% !important;
background: #e2baff !important;
border: 1px solid transparent !important;
color: #19353f !important;
}
.oc-checkbox-dark svg {
services/idp/src/components/ResponsiveScreen.jsx
+1 -1
View File
@@ -63,7 +63,7 @@ const ResponsiveScreen = (props) => {
</div>
</div>
<footer className="oc-footer-message">
<Trans i18nKey="konnect.footer.slogan"><strong>OpenCloud</strong> - a safe home for all your data</Trans>
<Trans i18nKey="konnect.footer.slogan"><strong>OpenCloud</strong> - excellent file sharing</Trans>
</footer>
</Grid>
);
services/idp/src/fancy-background.css
+1 -1
View File
@@ -12,6 +12,6 @@
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(./images/background.jpg);
background-image: url(./images/background.png);
z-index: 0;
}
services/idp/src/fonts/inter.ttf
BIN
View File
Binary file not shown.
services/idp/src/fonts/inter.woff2
BIN
View File
Binary file not shown.
services/idp/src/images/background.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 86 KiB

services/idp/src/images/background.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

services/idp/src/images/loginscreen-bg.svg
-32
View File
@@ -1,32 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1920" height="1080" preserveAspectRatio="none" viewBox="0 0 1920 1080">
<g clip-path="url(&quot;#SvgjsClipPath1039&quot;)" fill="none">
<circle r="180" cx="129.17" cy="133.37" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="180" cx="866.4" cy="819.73" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="166.485" cx="1209.08" cy="856.22" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="319.96" cx="1455.14" cy="182.11" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="359.475" cx="746.69" cy="499.07" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="176.48" cx="1393.64" cy="84.76" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="100.755" cx="1851.69" cy="183.43" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="330.61" cx="1758.65" cy="829.71" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="221.495" cx="604.37" cy="31.19" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="127.345" cx="1110" cy="866.11" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="143.26" cx="1209.08" cy="714.12" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="109.325" cx="1687.2" cy="396.48" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="229.51" cx="1469.76" cy="840.69" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="162.63" cx="1090.59" cy="577.16" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="222.61" cx="66.93" cy="481.38" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="192.95" cx="228.28" cy="23.36" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="304.245" cx="1453.03" cy="791.48" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="100.16" cx="298.58" cy="1026.17" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="98.92" cx="540.42" cy="1003.91" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="94.615" cx="1046.82" cy="438.03" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="159.25" cx="106.75" cy="163.79" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="245.675" cx="769.03" cy="319.36" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
<circle r="178.39" cx="690.45" cy="874.83" stroke="#0d51d9" stroke-opacity="0.25" stroke-width="2"></circle>
</g>
<defs>
<clipPath id="SvgjsClipPath1039">
<rect width="1920" height="1080" x="0" y="0"></rect>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 KiB