adriano/skills-framework-demonstrator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CI color alignment, typography

Browse Source
This commit is contained in:
Adrian Rumpold
2025-07-09 12:04:47 +02:00
parent 890aaaec7c
commit a4314cae0e
4 changed files with 32 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -4,6 +4,14 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://rsms.me/" />
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<link
href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
<title>Vite + React</title> <title>Vite + React</title>
</head> </head>
<body> <body>

8
src/components/QRCode.css
View File

@@ -1,5 +1,5 @@
.qr-code-container { .qr-code-container {
background-color: rgb(223 110 37); background-color: hsl(18.6deg 100% 55.1%);
flex-basis: 20%; flex-basis: 20%;
flex-shrink: 0; flex-shrink: 0;
padding: 16px; padding: 16px;
@@ -13,7 +13,13 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
p {
text-align: center;
}
img { img {
display: block;
margin: 0 auto;
background-color: #fff; background-color: #fff;
border-radius: 16px; border-radius: 16px;
padding: 16px; padding: 16px;

10
src/config.ts
View File

@@ -14,11 +14,11 @@ export const config = {
// Color scheme for Likert scale responses // Color scheme for Likert scale responses
const aaiColors = [ const aaiColors = [
"rgb(205 208 219)", "rgb(204 208 219)",
"rgb(177 214 217)", "rgb(157 216 217)",
"rgb(116 178 183)", "rgb(65 181 184)",
"rgb(81 137 141)", "rgb(19 140 141)",
"rgb(73 101 104)", "rgb(55 102 104)",
]; ];
export const colorScheme = Object.fromEntries( export const colorScheme = Object.fromEntries(
aaiColors.map((color, index) => [index, color]) aaiColors.map((color, index) => [index, color])

13
src/index.css
View File

@@ -1,5 +1,5 @@
:root { :root {
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5; line-height: 1.5;
font-weight: 400; font-weight: 400;
@@ -19,6 +19,17 @@ body {
align-items: center; align-items: center;
} }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Work Sans", sans-serif;
font-weight: 800;
margin: 0;
}
a { a {
font-weight: 500; font-weight: 500;
color: #646cff; color: #646cff;