Widget:MainPageChangelog

<style>

 .widget-changelog{
   max-height: 280px;
   overflow-y: auto;
   padding-right: 5px;
   box-sizing: border-box;
 }
 .notice-item{
   display:flex; align-items:flex-start;
   background:#fff; border:1px solid #ddd; border-radius:6px;
   margin-bottom:10px; padding:8px 10px; box-sizing:border-box;
   border-left:5px solid var(--notice-color,#f5b700);
 }
 .notice-content{ flex:1; }
 .notice-title,
 .notice-title a{
   display:block; font-size:1.3em; font-weight:bold; color:#333; text-decoration:none; margin:0;
 }
 .notice-title a:hover{ text-decoration:underline; }
 .notice-date{ font-size:.9em; color:#888; margin:-5px 0; }
 .notice-desc{ color:#555; line-height:1.3; margin:0; }
 .notice-icon{ object-fit:contain; flex-shrink:0; }
 @media (prefers-color-scheme: dark){
   .notice-item{ background:#1b1b1b; border-color:#333 }
   .notice-title, .notice-title a{ color:#e6e6e6 }
   .notice-date{ color:#aaa } .notice-desc{ color:#ccc }
 }

</style>