[ANG-1046] Enable CAS to use custom CSS and rename cas.css to break cache (#101)

futa-ikeda · cslzchen · web-flow · commit 3699fed381ab · 2025-10-11T10:42:13.000-04:00
* Rename cas.css to break cache
* Enable CAS to use customized CSS

---------

Co-authored-by: Longze Chen &lt;cslzchen@gmail.com&gt;
diff --git a/src/main/resources/cas-theme-default.properties b/src/main/resources/cas-theme-default.properties
@@ -0,0 +1,4 @@
+# Use customized CSS file. For documentation, refer to Apereo CAS 6.2.8 documentation:
+# https://github.com/apereo/cas/blob/v6.2.8/docs/cas-server-documentation/ux/User-Interface-Customization-CSSJS.md
+cas.standard.css.file=/css/cas-redesigned.css
+cas.standard.js.file=/js/cas.js
diff --git a/src/main/resources/static/css/cas-redesigned.css b/src/main/resources/static/css/cas-redesigned.css
diff --git a/src/main/resources/templates/casAccountDisabledView.html b/src/main/resources/templates/casAccountDisabledView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.authnerror.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casAccountNotConfirmedIdPView.html b/src/main/resources/templates/casAccountNotConfirmedIdPView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.authnerror.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casAccountNotConfirmedOsfView.html b/src/main/resources/templates/casAccountNotConfirmedOsfView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.authnerror.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casGenericSuccessView.html b/src/main/resources/templates/casGenericSuccessView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.generic.loginsuccess.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInstitutionLoginView.html b/src/main/resources/templates/casInstitutionLoginView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
 
     <title th:text="#{screen.institutionlogin.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body class="login mdc-typography">
diff --git a/src/main/resources/templates/casInstitutionSsoAccountInactiveView.html b/src/main/resources/templates/casInstitutionSsoAccountInactiveView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.institutionssofailed.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInstitutionSsoAttributeMissingView.html b/src/main/resources/templates/casInstitutionSsoAttributeMissingView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.institutionssofailed.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInstitutionSsoAttributeParsingFailedView.html b/src/main/resources/templates/casInstitutionSsoAttributeParsingFailedView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.institutionssofailed.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInstitutionSsoDuplicateIdentityView.html b/src/main/resources/templates/casInstitutionSsoDuplicateIdentityView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.institutionssofailed.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInstitutionSsoFailedView.html b/src/main/resources/templates/casInstitutionSsoFailedView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.institutionssofailed.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInstitutionSsoMultipleEmailsNotSupportedView.html b/src/main/resources/templates/casInstitutionSsoMultipleEmailsNotSupportedView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.institutionssofailed.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInstitutionSsoOsfApiFailedView.html b/src/main/resources/templates/casInstitutionSsoOsfApiFailedView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.institutionssofailed.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInstitutionSsoSelectiveLoginDeniedView.html b/src/main/resources/templates/casInstitutionSsoSelectiveLoginDeniedView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.institutionssofailed.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInvalidUserStatusView.html b/src/main/resources/templates/casInvalidUserStatusView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.authnerror.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casInvalidVerificationKeyView.html b/src/main/resources/templates/casInvalidVerificationKeyView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.authnerror.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casLoginView.html b/src/main/resources/templates/casLoginView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{cas.login.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 
 </head>
 
diff --git a/src/main/resources/templates/casLogoutView.html b/src/main/resources/templates/casLogoutView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.generic.logoutsuccess.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casOAuth20ErrorView.html b/src/main/resources/templates/casOAuth20ErrorView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.oauth.error.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casPac4jStopWebflow.html b/src/main/resources/templates/casPac4jStopWebflow.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.pac4j.error.title}">Pac4j Stop Webflow View</title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casServiceErrorView.html b/src/main/resources/templates/casServiceErrorView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.service.error.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/casTermsOfServiceConsentView.html b/src/main/resources/templates/casTermsOfServiceConsentView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.tosconsent.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="login mdc-typography">
diff --git a/src/main/resources/templates/casTwoFactorLoginView.html b/src/main/resources/templates/casTwoFactorLoginView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.twofactor.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="login mdc-typography">
diff --git a/src/main/resources/templates/casUnsupportedInstitutionLoginView.html b/src/main/resources/templates/casUnsupportedInstitutionLoginView.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
 
     <title th:text="#{screen.institutionlogin.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body class="login mdc-typography">
diff --git a/src/main/resources/templates/error.html b/src/main/resources/templates/error.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.servererror.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/error/401.html b/src/main/resources/templates/error/401.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <title th:text="#{screen.error.page.title.accessdenied}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/error/403.html b/src/main/resources/templates/error/403.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <title th:text="#{screen.error.page.title.permissiondenied}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/error/404.html b/src/main/resources/templates/error/404.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <title th:text="#{screen.error.page.title.pagenotfound}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/error/405.html b/src/main/resources/templates/error/405.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <title th:text="#{screen.error.page.title.requestunsupported}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/error/423.html b/src/main/resources/templates/error/423.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <title th:text="#{screen.authnerror.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body class="mdc-typography">
diff --git a/src/main/resources/templates/fragments/header.html b/src/main/resources/templates/fragments/header.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <title></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body>
diff --git a/src/main/resources/templates/fragments/headerosf.html b/src/main/resources/templates/fragments/headerosf.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <title></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body>
diff --git a/src/main/resources/templates/fragments/leftpane.html b/src/main/resources/templates/fragments/leftpane.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <title></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body>
diff --git a/src/main/resources/templates/fragments/leftpaneosf.html b/src/main/resources/templates/fragments/leftpaneosf.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <title></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body>
diff --git a/src/main/resources/templates/fragments/loginform.html b/src/main/resources/templates/fragments/loginform.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body>
diff --git a/src/main/resources/templates/fragments/submitbutton.html b/src/main/resources/templates/fragments/submitbutton.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
 
     <title>Service UI Fragment</title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag"/>
 </head>
 
 <body>
diff --git a/src/main/resources/templates/fragments/tosloginform.html b/src/main/resources/templates/fragments/tosloginform.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body>
diff --git a/src/main/resources/templates/fragments/totploginform.html b/src/main/resources/templates/fragments/totploginform.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body>
diff --git a/src/main/resources/templates/layout.html b/src/main/resources/templates/layout.html
@@ -13,7 +13,7 @@
     <link rel="stylesheet" type="text/css" href="../static/css/bootstrap-grid.min.css" th:href="@{#{webjars.bootstrap-grid.css}}" />
     <link rel="stylesheet" type="text/css" href="../static/css/material-components-web.min.css" th:href="@{#{webjars.material-components.css}}" />
     <link rel="stylesheet" type="text/css" href="../static/css/mdi-font.css" th:href="@{#{webjars.mdi-font.css}}" />
-    <link rel="stylesheet" type="text/css" href="../static/css/cas.css" th:href="@{${#themes.code('cas.standard.css.file')}}"/>
+    <link rel="stylesheet" type="text/css" href="../static/css/cas-redesigned.css" th:href="@{${#themes.code('cas.standard.css.file')}}"/>
 
     <link rel="icon" th:href="@{/favicon.ico}" type="image/x-icon"/>
 </head>
diff --git a/src/main/resources/templates/layoutosf.html b/src/main/resources/templates/layoutosf.html
@@ -13,7 +13,7 @@
     <link rel="stylesheet" type="text/css" href="../static/css/bootstrap-grid.min.css" th:href="@{#{webjars.bootstrap-grid.css}}" />
     <link rel="stylesheet" type="text/css" href="../static/css/material-components-web.min.css" th:href="@{#{webjars.material-components.css}}" />
     <link rel="stylesheet" type="text/css" href="../static/css/mdi-font.css" th:href="@{#{webjars.mdi-font.css}}" />
-    <link rel="stylesheet" type="text/css" href="../static/css/cas.css" th:href="@{${#themes.code('cas.standard.css.file')}}"/>
+    <link rel="stylesheet" type="text/css" href="../static/css/cas-redesigned.css" th:href="@{${#themes.code('cas.standard.css.file')}}"/>
 
     <link rel="icon" th:href="@{/favicon.ico}" type="image/x-icon"/>
 </head>
diff --git a/src/main/resources/templates/protocol/oauth/confirm.html b/src/main/resources/templates/protocol/oauth/confirm.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 
     <title th:text="#{screen.oauth.confirm.title}"></title>
-    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+    <link href="../../static/css/cas-redesigned.css" rel="stylesheet" th:remove="tag" />
 </head>
 
 <body class="mdc-typography" id="cas">
