115 lines
3.1 KiB
YAML
115 lines
3.1 KiB
YAML
settings:
|
|
theme:
|
|
base: light
|
|
css: |
|
|
/* Kaboot Theme for Authentik */
|
|
|
|
:root {
|
|
--ak-accent: #2563eb;
|
|
--ak-primary: #2563eb;
|
|
--ak-primary-dark: #1e40af;
|
|
--ak-primary-light: #60a5fa;
|
|
--ak-error: #ef4444;
|
|
--ak-success: #22c55e;
|
|
--pf-global--FontFamily--sans-serif: "Inter", system-ui, -apple-system, sans-serif;
|
|
}
|
|
|
|
/* Background color fallback (image set via Brand settings) */
|
|
body {
|
|
background-color: #2563eb !important;
|
|
}
|
|
|
|
/* Login Card */
|
|
.pf-c-login__main {
|
|
background-color: #ffffff !important;
|
|
border-radius: 2rem !important;
|
|
box-shadow: 0 10px 0 rgba(0,0,0,0.1) !important;
|
|
padding: 3rem !important;
|
|
max-width: 500px !important;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* Inputs */
|
|
.pf-c-form-control {
|
|
border: 2px solid #e5e7eb !important;
|
|
border-radius: 1rem !important;
|
|
padding: 0.75rem 1rem !important;
|
|
font-weight: 600 !important;
|
|
color: #333 !important;
|
|
font-size: 1rem !important;
|
|
box-shadow: none !important;
|
|
transition: all 0.2s ease !important;
|
|
}
|
|
|
|
.pf-c-form-control:focus {
|
|
border-color: #2563eb !important;
|
|
outline: none !important;
|
|
}
|
|
|
|
/* Primary Button - Kaboot Signature 3D Style */
|
|
.pf-c-button.pf-m-primary {
|
|
background-color: #333333 !important;
|
|
color: #ffffff !important;
|
|
border: none !important;
|
|
border-radius: 1rem !important;
|
|
padding: 0.75rem 1.5rem !important;
|
|
font-weight: 800 !important;
|
|
font-size: 1.1rem !important;
|
|
box-shadow: 0 6px 0 #000000 !important;
|
|
transform: translateY(0) !important;
|
|
transition: all 0.1s ease !important;
|
|
text-transform: uppercase !important;
|
|
letter-spacing: 0.05em !important;
|
|
}
|
|
|
|
.pf-c-button.pf-m-primary:hover {
|
|
background-color: #1a1a1a !important;
|
|
}
|
|
|
|
.pf-c-button.pf-m-primary:active {
|
|
transform: translateY(6px) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Secondary/Link Buttons */
|
|
.pf-c-button.pf-m-secondary, .pf-c-button.pf-m-link {
|
|
color: #2563eb !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
/* Titles */
|
|
.pf-c-title {
|
|
font-weight: 900 !important;
|
|
color: #111827 !important;
|
|
text-align: center !important;
|
|
margin-bottom: 1.5rem !important;
|
|
}
|
|
|
|
/* Logo styling if present in header */
|
|
.pf-c-brand {
|
|
filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
|
|
}
|
|
|
|
/* Alert/Notification boxes */
|
|
.pf-c-alert {
|
|
border-radius: 1rem !important;
|
|
border: 2px solid transparent !important;
|
|
box-shadow: 0 4px 0 rgba(0,0,0,0.05) !important;
|
|
}
|
|
|
|
.pf-c-alert.pf-m-danger {
|
|
background-color: #fef2f2 !important;
|
|
border-color: #fca5a5 !important;
|
|
color: #991b1b !important;
|
|
}
|
|
|
|
/* Footer links */
|
|
.pf-c-login__main-footer-links-item-link {
|
|
color: #6b7280 !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
/* Hide the default background image if any */
|
|
.pf-c-background-image {
|
|
display: none !important;
|
|
}
|