code.gitea.io/gitea@v1.22.3/web_src/css/features/colorpicker.css (about)

     1  .js-color-picker-input {
     2    display: flex;
     3    position: relative;
     4  }
     5  
     6  .js-color-picker-input input {
     7    padding-top: 8px !important;
     8    padding-bottom: 8px !important;
     9    padding-left: 32px !important;
    10  }
    11  
    12  .js-color-picker-input .preview-square {
    13    position: absolute;
    14    aspect-ratio: 1;
    15    height: 16px;
    16    left: 10px;
    17    top: 50%;
    18    transform: translateY(-50%);
    19    border-radius: 2px;
    20    background: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa); /* stylelint-disable-line scale-unlimited/declaration-strict-value */
    21    background-position: 0 0, 4px 4px;
    22    background-size: 8px 8px;
    23  }
    24  
    25  .js-color-picker-input .preview-square::after {
    26    content: "";
    27    position: absolute;
    28    width: 100%;
    29    height: 100%;
    30    border-radius: inherit;
    31    background-color: currentcolor;
    32  }
    33  
    34  hex-color-picker {
    35    width: 180px;
    36    height: 120px;
    37  }
    38  
    39  hex-color-picker::part(hue-pointer),
    40  hex-color-picker::part(saturation-pointer) {
    41    width: 22px;
    42    height: 22px;
    43  }
    44  
    45  hex-color-picker::part(hue) {
    46    flex-basis: 16px;
    47  }