<!--
  **********************************************************************
  * Copyright (c) 2025 Huawei Technologies Co., Ltd. All Rights Reserved.
  * Copyright 2023 The vLLM team.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  *     http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * This file is a part of the vllm-ascend project.
  * Adapted from https://github.com/vllm-project/vllm/blob/main/docs/source/_templates/sections/header.html
  **********************************************************************
-->
<style>
    .notification-bar {
      width: 100vw;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
    }
    .notification-bar p {
      margin: 0;
    }
    .notification-bar a {
      font-weight: bold;
      text-decoration: none;
    }
  
    /* Light mode styles (default) */
    .notification-bar {
      background-color: #fff3cd;
      color: #856404;
    }
    .notification-bar a {
      color: #d97706;
    }
  
    /* Dark mode styles */
    html[data-theme=dark] .notification-bar {
      background-color: #333;
      color: #ddd;
    }
    html[data-theme=dark] .notification-bar a {
      color: #ffa500; /* Brighter color for visibility */
    }
  </style>
  
  <div class="notification-bar">
    <p>You are viewing the latest developer preview docs. <a href="https://docs.vllm.ai/projects/ascend/en/v0.18.0">Click here</a> to view docs for the latest stable release(v0.18.0).</p>
  </div>