From 8e33894204e95872a8ba1358824a5225d9fc459d Mon Sep 17 00:00:00 2001 From: Jimmy Conner Date: Fri, 22 May 2026 10:50:09 -0500 Subject: [PATCH 1/4] Update API theme --- awx/static/api/api.css | 96 +++-- awx/static/awx-spud-reading.svg | 383 ------------------ awx/static/custom_502.html | 2 +- awx/static/custom_504.html | 2 +- awx/templates/error.html | 2 +- awx/templates/rest_framework/api.html | 6 +- .../public/static/media/favicon_ascender.ico | Bin 15406 -> 0 bytes 7 files changed, 63 insertions(+), 428 deletions(-) delete mode 100644 awx/static/awx-spud-reading.svg delete mode 100644 awx/ui/public/static/media/favicon_ascender.ico diff --git a/awx/static/api/api.css b/awx/static/api/api.css index 3b18c427..3e90aaaf 100644 --- a/awx/static/api/api.css +++ b/awx/static/api/api.css @@ -11,21 +11,21 @@ body { body { font-family: 'Open Sans', sans-serif; font-weight: 400; - color: #161B1F; - background-color: #F6F6F6; + color: #f7f7f7; + background-color: #13161b; padding-top: 50px; min-height: 100%; position: relative; } body a { - color: #337AB7; + color: #12a66f; } body a:hover { - color: #286090; + color: #17c484; } body code { - color: #D9534F; - background-color: #FFF5F5; + color: #f7f7f7; + background-color: #1a1e25; } body pre code { color: inherit; @@ -33,20 +33,21 @@ body pre code { } body .navbar { - background-color: #FFFFFF; - border-color: #E8E8E8; + background-color: #1a1e25; + border-color: #373a41; } body .navbar > .container .navbar-brand, body .navbar > .container-fluid .navbar-brand, .navbar { - color: #707070; + color: #f7f7f7; padding: 0; margin-left: 0px; font-size: 14px; } body .navbar .navbar-brand:focus, body .navbar .navbar-brand:hover { - color: #707070; + color: #f7f7f7; + background-color: #1a1e25; } body .navbar .navbar-brand img { display: inline-block; @@ -63,7 +64,7 @@ body .navbar .navbar-brand > span { body .navbar .navbar-title { float: left; height: 50px; - color: #707070; + color: #cecfd2; padding: 0; font-size: 14px; display: none; @@ -77,19 +78,20 @@ body.show-title .navbar .navbar-title { display: inline-block; } body .navbar .navbar-nav > li > a { - color: #707070; + color: #f7f7f7; display: flex; justify-content: center; } body .navbar .navbar-nav > li > a:focus, body .navbar .navbar-nav > li > a:hover { - color: #707070; + color: #f7f7f7; + background-color: #1a1e25 !important; } body .navbar .navbar-nav > li > a > span.glyphicon { font-size: 20px; padding-right: 5px; padding-left: 5px; - color: #848992; + color: #cecfd2; } body .page-header { @@ -103,10 +105,10 @@ body .page-header .toggle-description span.glyphicon { font-size: 14px; vertical-align: top; padding: 2px; - color: #A9A9A9; + color: #f7f7f7; } body .page-header .toggle-description:hover span.glyphicon { - color: #171717; + color: #cecfd2; } body .description .hide-description span.glyphicon { color: #E1E1E1; @@ -120,10 +122,10 @@ body .description, body .request-info .prettyprint, body .response-info .prettyprint, body .well { - background-color: #FFFFFF; + background-color: #1a1e25; border-radius: 5px; padding: 10px; - border: 1px solid #E8E8E8; + border: 1px solid #373a41; margin-top: 20px; box-shadow: none; } @@ -143,13 +145,16 @@ body .response-info { body pre, body .prettyprint .pln, body .request-info .prettyprint .lit { - color: #161B1F; + color: #cecfd2; } body .prettyprint .lit { - color: #337AB7; + color: #12a66f; } body .prettyprint .str { - color: #D9534F; + color: #f7f7f7; +} +.kwd, .pun, .opn, .clo { + color: #12a66f !important; } body div.ansi_back { display: inline-block; @@ -173,7 +178,7 @@ body .form-actions button { body .form-horizontal .control-label { text-transform: uppercase; font-weight: normal; - color: #707070; + color: #f7f7f7; } body textarea.form-control { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; @@ -183,36 +188,39 @@ body textarea.form-control { body .form-control, body .description pre { border-color: #E1E1E1; - background-color: #F6F6F6; - color: #161B1F; + background-color: #1a1e25; + color: #f7f7f7; } body .tooltip.bottom .tooltip-arrow { - border-bottom-color: #707070; + border-bottom-color: #373a41; } body .tooltip.top .tooltip-arrow { - border-top-color: #707070; + border-top-color: #373a41; } body .tooltip.left .tooltip-arrow { - border-left-color: #707070; + border-left-color: #373a41; } body .tooltip.right .tooltip-arrow { - border-right-color: #707070; + border-right-color: #373a41; } body .tooltip.in { opacity: 1; } body .tooltip-inner { - background-color: #707070; + background-color: #1a1e25; + color: #f7f7f7; + border: 1px solid #373a41; } body .btn { transition: background-color 0.2s; } .btn-primary { - background-color: #FFFFFF; - color: #707070; - border: 1px solid #E8E8E8; + background-color: #12a66f; + color: #13161b; + border: 1px solid #373a41; + font-weight: bold; } .btn-primary:hover, .btn-primary.focus, @@ -229,14 +237,14 @@ body .btn { .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .open>.dropdown-toggle.btn-primary { - background-color: #FAFAFA; - color: #707070; - border: 1px solid #E8E8E8; + background-color: #17c484; + color: #13161b; + border: 1px solid #1a1e25; } body .tab-content .btn-primary { background-color: #5cb85c; - color: #FFFFFF; + color: #1a1e25; border: 1px solid #5cb85c; } body .tab-content .btn-primary:hover, @@ -251,8 +259,9 @@ body .tab-content .btn-primary:active.focus, body .tab-content .btn-primary:active:focus, body .tab-content .btn-primary:active:hover { background-color: #449d44; - color: #FFFFFF; + color: #1a1e25; border: 1px solid #449d44; + font-weight: bold; } .btn-danger { @@ -287,9 +296,9 @@ body #push { body #footer { width: 100%; overflow: hidden; - margin-bottom: 0; + margin-bottom: 50px; height: 40px; - color: #707070; + color: #f7f7f7; } body #footer .footer-logo { text-align: left; @@ -370,3 +379,12 @@ body #footer .footer-copyright a { white-space: nowrap; } } + +.dropdown-menu, +.dropdown-menu > li, +.dropdown-menu > li:hover, +.dropdown-menu > li > a { + background-color: #1a1e25 !important; + border-color: #1a1e25 !important; + color: #f7f7f7 !important; +} diff --git a/awx/static/awx-spud-reading.svg b/awx/static/awx-spud-reading.svg deleted file mode 100644 index 9e1a02df..00000000 --- a/awx/static/awx-spud-reading.svg +++ /dev/null @@ -1,383 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/awx/static/custom_502.html b/awx/static/custom_502.html index 92f288d1..d21ec9ef 100644 --- a/awx/static/custom_502.html +++ b/awx/static/custom_502.html @@ -8,7 +8,7 @@
- Ascender + Ascender 502
diff --git a/awx/static/custom_504.html b/awx/static/custom_504.html index 39b10a82..f6a27edd 100644 --- a/awx/static/custom_504.html +++ b/awx/static/custom_504.html @@ -8,7 +8,7 @@
- Ascender + Ascender 504
diff --git a/awx/templates/error.html b/awx/templates/error.html index 93a66e09..7937b4d2 100644 --- a/awx/templates/error.html +++ b/awx/templates/error.html @@ -18,7 +18,7 @@ diff --git a/awx/ui/public/static/media/favicon_ascender.ico b/awx/ui/public/static/media/favicon_ascender.ico deleted file mode 100644 index b655d342d9d1800bf80235e4ba55497024f72181..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15406 zcmeHOdvsLQxgYAI+G{Iqfy{Z#WK`;{ENykgoRetj%B>b=5~Q}*$Z83g_5upMAXj4K zrA(2SKqT)(5Gn-smQYN@5tTJafPCS>mKJCi-x=gc_?!Nk9u zwf5TQ?DIW-XP>>l@7v$rW3!F2U11wN+J@R?d*n)+O|jW*E?4;e``@+$wB8|b$Yt-CTljnR1m z>cTL;;%9ACw-yP@+lqxydx^M-wI>JTf80k~-`6$@_is^~ry~A7Mi)Zgv=j*^h`+5U zCV{n64cb2ebFZgDo#6H-Bx$@p<=xWKvDY0~DJ?y`Mp}9_Uo2@UgzjRYmFJ~vh8O)% zfbwFPUwx{2sWh|pcT%V^M+`OPi6P=|DYnlu@=vZ#{0?}|qAxx|eF3F=ia$|$WwG4A z^W*(LJ6`miZyEXN9^+sO=?xcU54HK1$x`DgSvtH%EbG(1f!fV}o~neqBmBWc_qMst z8;P!Iz3r+uR*R>Izd291(~Ot30e=T%yi+=F!gV|5#n&mOmp2&{DDll9sIp- z4Mjrpv5` zZK~JoTPbWDN_&a@39@03)x*g`z$E(_q{kHPZ0+t%dd? zUO&FUANl9}wYx%1*2(rO)%^3+a@!T?>%a0eZl5}br{S-gyy7=n3dN6j{l|)gi98K| z?G4$!2H7Y2;?`g@G(kU*8=r0zI@%qfJVMmws>!ajoH!}!~|#H)6X2u7rJ@2EI?XXzWF@F1Rru0I>}adubv2=Vzhh|mAHynitLuzv&k zhA91Lz&BWIr61$2nDO{CWu<0`tnPnORu8U>QQydoQ4i&cf9JnH)&-Wnfypt}QxWSy zKgG-3d*d3hJm%!BMtXLCc#Sa8F#fu%;%dfYRm0Ymo9KU?=xNPi#@D!7+|KK7E)aEV zG&3Hnw#k7z?~T&$Q)dwUALqpW>cs^PT|YGB#*D-KyTI#jDX?4m1}nXh_KCY1^eZv4Mb&ot%cZ>yw^T5zM$sb2ywQa*guKX>tU7?)| zoS}+E@+@kr^-5Fp_D}e9DC-iEVf915?|}U~K+nCY6RuuA!*!bJ_hmSaQ2Tzb9OU&k zm5QEy6jjmG#pL*GCA{!#Y-HzT2!m$~g>=OzpNAJ^oD=LAnb+}GP5 zj!iVv-kHnsH4r;|8+U?Z9L6LUhn!J$2^_>r=^CG)Mu1kKIg{keHn5y z;-B`{ymI@2RrXXP%~$sW_W&7m3S!ey2FjCAUSx`2{T?e*s}sjl8ED-Jk=pNm z;%@R(-K8s&D-*{X3zJKF*czD08LaMDD>_;V$9~UPD9_O6M^D3#X$3yz1Nf8=(7s|Y zxrhZzQT_p5tzgafPpu#yj9Bn}$oLm4Bon!5$W>2c?QXf&GwLLa?Zx&+nIcY_Z~0@p@&=F_q|6zJ>h;OoNwY~({};=CkAYn@Gi>x zDTtYPSp!|S7YVa5?k`5;7mxpG{TSUhL=3#q3=eWOb9o)9jg&K0Hki>4)&|>f&{O64 zIxo-an)VQA--P9t*gJ&BkA01ik8%dE9ejR4>rdo8Iz3h6BRV~M?xJrsz#3RL26f*A z-)*{4uho59so)0YUL$_Ab#)YtyUEDs4X@3sO!}}lIjH`O(Wg`-(AsSu)~i(ZqEBmJ z53A8uh3g=`BkZQ>JDgx^EGEmU4k2F!+(E)_f`6Ma$I0YizD|MeNUkx0!>87m~BBe!+Ih#$77_V^3-u{s9shV~aQR-OU= zi-vdT#vbKz%7=60y347RcYhN;VH@Q^47`*p+?rHwosZ-NH5b{(wiel6Ww}W+P(&(Sx^6F#5`q1! z5kF#x_d1`m(^mX|Kk6s+BjxpUwgdNP=-sTC!K2H6bNp{ls)%=3@fq7&3dBwN+-!J% zqOHX4?<}`nZKOB5cULAn#Od#U51+E#j6Ml|9^>XcGalHaXKnEDW_-rBL#rhjdG#}9 z_%ZgAjr3OcWbdKZu$P1H0skec)ap0u5zJHu)*9qt0 z(|^q9_B|;*h`oqz?9KPoWl24+XG=XeW6*<~aL=1-#h#{ovFB(3^}W9TwfL=UTx73> z$s4TJ?4eKHZo~yY@EPK5iv32-LGFmgH)zakX5FNku)V69KmO}`m&vuSJ{3M2P@g4* zfIkHMp~Jc1Jq_)wL^OWd*IoBF>~ju=*W@{!Y56sZ-XGDK6~D5X>=f+{;(gkT?}+h) zI4WT|+pn%(;+RN#Aw$P+{}_7&513%Pq$aX^z!nt`(A@S^A?EhQKZxhi@do?=^Vf*0 zuB=|>{9Vmbxo4>O5q};#Tq1qPVCRZcIJ@%H{!>cy{a!dZ+YDmHzO9He2M9JXX6R; z&?0<8V{VxzNv=$1F(R$E|_j1~Cp5aHpNqM%&ST|gMg7wRTOt#e; zk3Bz_EBqY$fftSVTZ_bZI||1AfYA+Ct)11vde?xt|6KxVJDuYredY7UUbp2D$E~z? zXQrRlAc%kJEd1|FweT5cd|$K;z;*Rq9=4-wBHR9dakL)(X z-&A0|zGd<+x7OB|rv6yzn)+&gu5`=n*yTIsI?wG~5PO$V7p-sWpOIcPjeqh-c7Khq zAavVov~n=;ejZEv%i@^;z-{fd6k%_$mI(7p611k*XV}oi&vaeX<9BogGbQb8 z2+kF6rnAi^_?zEeJ?5KV26m`WOzxLeQ=Bt7py&%HHE9iN-wKY|!;gmDf@{HApIwk@+<7c~1%_6Os~D*kU=Eq!z( zH%50>YDmgPh#3AWcq#btABWv7`L59;1mm*BZhcsG@0jQ8(d@r<|DS7EEzTQiUhT3$ z4S{j%oLB+)-y9Hsj`+^&tHpmGg4i#Obp4#Tt6utTY!>kMSdIUNZ29-Yy+#?%7u>l} zPQp2!_s#Ghd`9X$m?LR^Z#Z=hr!2}D?q29TXo^2e+B=-OMoQM6N1bU#{0COT2R|*| xKT Date: Fri, 22 May 2026 11:12:20 -0500 Subject: [PATCH 2/4] Fix comma --- awx/templates/rest_framework/api.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/awx/templates/rest_framework/api.html b/awx/templates/rest_framework/api.html index 4b2196dc..c0849764 100644 --- a/awx/templates/rest_framework/api.html +++ b/awx/templates/rest_framework/api.html @@ -64,7 +64,7 @@
From 4e183dac412eeeeba7c40f7163f7d83cf1a07d2b Mon Sep 17 00:00:00 2001 From: Jimmy Conner Date: Fri, 22 May 2026 11:21:08 -0500 Subject: [PATCH 3/4] A few fixes --- awx/static/api/api.css | 2 +- awx/templates/rest_framework/api.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/awx/static/api/api.css b/awx/static/api/api.css index 3e90aaaf..8e89eca9 100644 --- a/awx/static/api/api.css +++ b/awx/static/api/api.css @@ -296,7 +296,7 @@ body #push { body #footer { width: 100%; overflow: hidden; - margin-bottom: 50px; + margin-bottom: 0; height: 40px; color: #f7f7f7; } diff --git a/awx/templates/rest_framework/api.html b/awx/templates/rest_framework/api.html index c0849764..01e49765 100644 --- a/awx/templates/rest_framework/api.html +++ b/awx/templates/rest_framework/api.html @@ -64,7 +64,7 @@
From d95ea8aa92bda32816e16073bc2372cfdbbe60aa Mon Sep 17 00:00:00 2001 From: Jimmy Conner Date: Fri, 22 May 2026 11:28:31 -0500 Subject: [PATCH 4/4] A few more fixes --- awx/static/api/api.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/awx/static/api/api.css b/awx/static/api/api.css index 8e89eca9..2dcdf0b4 100644 --- a/awx/static/api/api.css +++ b/awx/static/api/api.css @@ -299,6 +299,7 @@ body #footer { margin-bottom: 0; height: 40px; color: #f7f7f7; + padding-bottom: 50px; } body #footer .footer-logo { text-align: left; @@ -317,7 +318,7 @@ body #footer .footer-copyright { padding-top: 10px; } body #footer .footer-copyright a { - color: #707070; + color: #17c484; } @media screen and (min-width: 768px) {