Andal Learning branding: Apply orange color #ff4f00 and hide register tab
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,2 +1,75 @@
|
||||
@use "@openedx/paragon/styles/css/core/custom-media-breakpoints" as paragonCustomMediaBreakpoints;
|
||||
@import "sass/style";
|
||||
|
||||
// Andal Learning Brand Colors - Override Paragon variables
|
||||
:root {
|
||||
--pgn-color-primary: #ff4f00;
|
||||
--pgn-color-primary-100: #ffe6cc;
|
||||
--pgn-color-primary-200: #ffcc99;
|
||||
--pgn-color-primary-300: #ffb366;
|
||||
--pgn-color-primary-400: #ff9933;
|
||||
--pgn-color-primary-500: #ff4f00;
|
||||
--pgn-color-primary-600: #cc3f00;
|
||||
--pgn-color-primary-700: #992f00;
|
||||
--pgn-color-primary-800: #661f00;
|
||||
--pgn-color-primary-900: #330f00;
|
||||
--pgn-color-action-primary: #ff4f00;
|
||||
--pgn-color-action-primary-hover: #cc3f00;
|
||||
--pgn-color-action-primary-focus: #992f00;
|
||||
--pgn-color-action-primary-active: #992f00;
|
||||
--pgn-color-primary-base: #ff4f00;
|
||||
}
|
||||
|
||||
// Override all button variants to use Andal orange
|
||||
.btn-primary {
|
||||
background-color: #ff4f00 !important;
|
||||
border-color: #ff4f00 !important;
|
||||
|
||||
&:hover {
|
||||
background-color: #cc3f00 !important;
|
||||
border-color: #cc3f00 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
color: #ff4f00 !important;
|
||||
border-color: #ff4f00 !important;
|
||||
|
||||
&:hover {
|
||||
background-color: #ff4f00 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-brand {
|
||||
background-color: #ff4f00 !important;
|
||||
border-color: #ff4f00 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
// Override link colors
|
||||
a {
|
||||
color: #ff4f00;
|
||||
|
||||
&:hover {
|
||||
color: #cc3f00;
|
||||
}
|
||||
}
|
||||
|
||||
// Override active states
|
||||
.active {
|
||||
background-color: #ff4f00 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
// Hide Register tab, only show Sign in
|
||||
.nav-tabs {
|
||||
.nav-link[href*="register"] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Change "with Andal LND" text color from blue to black
|
||||
.text-accent-a {
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
@@ -43,8 +43,9 @@ const LogistrationPageInner = ({
|
||||
const [institutionLogin, setInstitutionLogin] = useState(false);
|
||||
const [key, setKey] = useState('');
|
||||
const navigate = useNavigate();
|
||||
const disablePublicAccountCreation = getConfig().ALLOW_PUBLIC_ACCOUNT_CREATION === false;
|
||||
const hideRegistrationLink = getConfig().SHOW_REGISTRATION_LINKS === false;
|
||||
// Force hide registration - Andal Learning only allows sign in
|
||||
const disablePublicAccountCreation = true;
|
||||
const hideRegistrationLink = true;
|
||||
|
||||
useEffect(() => {
|
||||
const authService = getAuthService();
|
||||
|
||||
0
webpack.dev-tutor.config.js
Normal file
0
webpack.dev-tutor.config.js
Normal file
Reference in New Issue
Block a user