diff --git a/src/index.scss b/src/index.scss index a6296c0b..0ab85251 100755 --- a/src/index.scss +++ b/src/index.scss @@ -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; +} diff --git a/src/logistration/Logistration.jsx b/src/logistration/Logistration.jsx index 3ac69e69..474e778a 100644 --- a/src/logistration/Logistration.jsx +++ b/src/logistration/Logistration.jsx @@ -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(); diff --git a/webpack.dev-tutor.config.js b/webpack.dev-tutor.config.js new file mode 100644 index 00000000..e69de29b