github.com/GoogleContainerTools/skaffold/v2@v2.13.2/docs-v1/static/stylesheets/colors.css (about)

     1  
     2  :root {
     3      --main-bg-color: #112d4e;
     4      --header-footer: #dbe2ef;
     5      --values-color: #a8d0e6;
     6      --testimonials-color: #f9f7f7;
     7      --hover-color: var(--values-color);
     8      --hover-foreground: var(--values-foreground);
     9      --light-text: white;
    10      --dark-text: black;
    11      --values-foreground: var(--main-bg-color);
    12      --header-footer-foreground: var(--main-bg-color);
    13      --maturity-alpha: #ff9c9b;
    14      --maturity-beta: #ffd500;
    15  }
    16  
    17  .main-color {
    18      background-color: var(--main-bg-color);
    19      color: var(--light-text);
    20  }
    21  
    22  body {
    23      background-color: var(--testimonials-color);
    24  }
    25  
    26  .skaffold-navbar {
    27      background: var(--header-footer);
    28      color: var(--header-footer-foreground);
    29  }
    30  
    31  input.td-search-input {
    32      color: var(--header-footer-foreground) !important;
    33  }
    34  
    35  input.td-search-input:focus {
    36      color: var(--dark-text) !important;
    37      background-color: var(--light-text) !important;
    38  }
    39  
    40  input.td-search-input::placeholder {
    41      color: var(--header-footer-foreground) !important;
    42  }
    43  
    44  .values-section {
    45      background-color: var(--values-color);
    46      color: var(--values-foreground);
    47  
    48      padding-top: 3rem !important;
    49      padding-bottom: 3rem !important;
    50      padding-left: 2rem !important;
    51      padding-right: 2rem !important;
    52  }
    53  
    54  .testimonial-section {
    55      background-color: var(--testimonials-color);
    56  
    57      padding-top: 2rem !important;
    58      padding-bottom: 2rem !important;
    59      padding-left: 2rem !important;
    60      padding-right: 2rem !important;
    61  }
    62  
    63  .text-color {
    64      color: var(--light-text);
    65  }
    66  
    67  .skaffold-footer {
    68      background-color: var(--header-footer) !important;
    69      color: var(--header-footer-foreground);
    70      min-height: unset;
    71      padding: 10px 0 10px 0;
    72  }
    73  
    74  
    75  /**********************/
    76  /* buttons */
    77  /**********************/
    78  
    79  .splashbutton-primary {
    80      background-color: var(--light-text);
    81      color: var(--main-bg-color);
    82  }
    83  
    84  .splashbutton-primary:hover {
    85      background-color: var(--hover-color);
    86      color: var(--hover-foreground);
    87  }
    88  
    89  .splashbutton-secondary {
    90      color: var(--light-text);
    91      border: 1px solid var(--light-text);
    92  }
    93  
    94  .splashbutton-secondary:visited {
    95      color: var(--light-text);
    96  }
    97  
    98  .splashbutton-secondary:hover {
    99      background-color: var(--hover-color);
   100      color: var(--hover-foreground);
   101  }
   102  
   103  .splash a {
   104    color: var(--header-footer-foreground)
   105  }
   106  
   107  .splash a:hover {
   108    color: var(--hover-color)
   109  }
   110  
   111  a > code {
   112      color: #c97300;
   113  }