Commit f6e2f302 authored by GitLab Bot's avatar GitLab Bot

Add latest changes from gitlab-org/gitlab@master

parent 95ad4615
...@@ -27,7 +27,7 @@ See [the general developer security release guidelines](https://gitlab.com/gitla ...@@ -27,7 +27,7 @@ See [the general developer security release guidelines](https://gitlab.com/gitla
## Maintainer checklist ## Maintainer checklist
- [ ] Correct milestone is applied and the title is matching across all backports - [ ] Correct milestone is applied and the title is matching across all backports
- [ ] Assigned to `@gitlab-release-tools-bot` with passing CI pipelines - [ ] Assigned to `@gitlab-release-tools-bot` with passing CI pipelines and **when all backports including the MR targeting master are ready.**
/label ~security /label ~security
......
...@@ -8,7 +8,7 @@ $brand-danger: $red-500; ...@@ -8,7 +8,7 @@ $brand-danger: $red-500;
$border-radius-base: 3px !default; $border-radius-base: 3px !default;
$modal-body-bg: $white-light; $modal-body-bg: $white;
$input-border: $border-color; $input-border: $border-color;
$padding-base-vertical: $gl-vert-padding; $padding-base-vertical: $gl-vert-padding;
...@@ -168,7 +168,7 @@ table { ...@@ -168,7 +168,7 @@ table {
.bg-danger, .bg-danger,
.bg-warning { .bg-warning {
.card-header { .card-header {
color: $white-light; color: $white;
} }
} }
...@@ -310,11 +310,11 @@ pre code { ...@@ -310,11 +310,11 @@ pre code {
.alert-info, .alert-info,
.alert-warning, .alert-warning,
.alert-danger { .alert-danger {
color: $white-light; color: $white;
h4, h4,
.alert-link { .alert-link {
color: $white-light; color: $white;
} }
} }
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
border-color: $blue-600; border-color: $blue-600;
.popover-body { .popover-body {
color: $white-light; color: $white;
} }
&.bs-popover-bottom { &.bs-popover-bottom {
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
} }
> .popover-header::before { > .popover-header::before {
border-color: $white-light; border-color: $white;
} }
} }
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
} }
.popover-header { .popover-header {
background-color: $white-light; background-color: $white;
font-size: $gl-font-size-small; font-size: $gl-font-size-small;
} }
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
.accept-mr-label { .accept-mr-label {
background-color: $accepting-mr-label-color; background-color: $accepting-mr-label-color;
color: $white-light; color: $white;
} }
} }
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
z-index: 300; z-index: 300;
width: $award-emoji-width; width: $award-emoji-width;
font-size: 14px; font-size: 14px;
background-color: $white-light; background-color: $white;
border: 1px solid $border-white-light; border: 1px solid $border-white-light;
border-radius: $border-radius-base; border-radius: $border-radius-base;
box-shadow: 0 6px 12px $award-emoji-menu-shadow; box-shadow: 0 6px 12px $award-emoji-menu-shadow;
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: $white-light; background-color: $white;
border-color: $border-color; border-color: $border-color;
box-shadow: none; box-shadow: none;
} }
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
} }
&.white { &.white {
background-color: $white-light; background-color: $white;
} }
&.top-block { &.top-block {
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
&.content-component-block { &.content-component-block {
padding: 11px 0; padding: 11px 0;
background-color: $white-light; background-color: $white;
} }
.title { .title {
...@@ -96,13 +96,13 @@ ...@@ -96,13 +96,13 @@
} }
&.build-content { &.build-content {
background-color: $white-light; background-color: $white;
border-top: 0; border-top: 0;
} }
} }
.sub-header-block { .sub-header-block {
background-color: $white-light; background-color: $white;
border-bottom: 1px solid $white-dark; border-bottom: 1px solid $white-dark;
padding: 11px 0; padding: 11px 0;
margin-bottom: 11px; margin-bottom: 11px;
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
} }
&.groups-cover-block { &.groups-cover-block {
background: $white-light; background: $white;
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
text-align: left; text-align: left;
padding: 24px 0; padding: 24px 0;
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
right: $gl-padding; right: $gl-padding;
max-width: 300px; max-width: 300px;
width: auto; width: auto;
background: $white-light; background: $white;
border: 1px solid $gray-200; border: 1px solid $gray-200;
box-shadow: 0 1px 2px 0 rgba($black, 0.1); box-shadow: 0 1px 2px 0 rgba($black, 0.1);
border-radius: $border-radius-default; border-radius: $border-radius-default;
......
@mixin btn-comment-icon { @mixin btn-comment-icon {
border-radius: 50%; border-radius: 50%;
background: $white-light; background: $white;
padding: 1px; padding: 1px;
font-size: 12px; font-size: 12px;
color: $blue-500; color: $blue-500;
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
&.inverted { &.inverted {
background: $blue-500; background: $blue-500;
border-color: $blue-600; border-color: $blue-600;
color: $white-light; color: $white;
} }
&:active { &:active {
...@@ -104,23 +104,23 @@ ...@@ -104,23 +104,23 @@
} }
@mixin btn-green { @mixin btn-green {
@include btn-color($green-500, $green-600, $green-600, $green-700, $green-700, $green-800, $white-light); @include btn-color($green-500, $green-600, $green-600, $green-700, $green-700, $green-800, $white);
} }
@mixin btn-blue { @mixin btn-blue {
@include btn-color($blue-500, $blue-600, $blue-600, $blue-700, $blue-700, $blue-800, $white-light); @include btn-color($blue-500, $blue-600, $blue-600, $blue-700, $blue-700, $blue-800, $white);
} }
@mixin btn-orange { @mixin btn-orange {
@include btn-color($orange-500, $orange-600, $orange-600, $orange-700, $orange-700, $orange-800, $white-light); @include btn-color($orange-500, $orange-600, $orange-600, $orange-700, $orange-700, $orange-800, $white);
} }
@mixin btn-red { @mixin btn-red {
@include btn-color($red-500, $red-600, $red-600, $red-700, $red-700, $red-800, $white-light); @include btn-color($red-500, $red-600, $red-600, $red-700, $red-700, $red-800, $white);
} }
@mixin btn-white { @mixin btn-white {
@include btn-color($white-light, $border-color, $white-normal, $border-white-normal, $white-dark, $border-gray-dark, $gl-text-color); @include btn-color($white, $border-color, $white-normal, $border-white-normal, $white-dark, $border-gray-dark, $gl-text-color);
} }
@mixin btn-with-margin { @mixin btn-with-margin {
...@@ -173,21 +173,21 @@ ...@@ -173,21 +173,21 @@
&.btn-inverted { &.btn-inverted {
&.btn-success { &.btn-success {
@include btn-outline($white-light, $green-600, $green-500, $green-100, $green-700, $green-500, $green-200, $green-600, $green-800); @include btn-outline($white, $green-600, $green-500, $green-100, $green-700, $green-500, $green-200, $green-600, $green-800);
} }
&.btn-remove, &.btn-remove,
&.btn-danger { &.btn-danger {
@include btn-outline($white-light, $red-500, $red-500, $red-100, $red-700, $red-500, $red-200, $red-600, $red-800); @include btn-outline($white, $red-500, $red-500, $red-100, $red-700, $red-500, $red-200, $red-600, $red-800);
} }
&.btn-warning { &.btn-warning {
@include btn-outline($white-light, $orange-500, $orange-500, $orange-100, $orange-700, $orange-500, $orange-200, $orange-600, $orange-800); @include btn-outline($white, $orange-500, $orange-500, $orange-100, $orange-700, $orange-500, $orange-200, $orange-600, $orange-800);
} }
&.btn-primary, &.btn-primary,
&.btn-info { &.btn-info {
@include btn-outline($white-light, $blue-500, $blue-500, $blue-100, $blue-700, $blue-500, $blue-200, $blue-600, $blue-800); @include btn-outline($white, $blue-500, $blue-500, $blue-100, $blue-700, $blue-500, $blue-200, $blue-600, $blue-800);
} }
} }
...@@ -202,11 +202,11 @@ ...@@ -202,11 +202,11 @@
&.btn-close, &.btn-close,
&.btn-close-color { &.btn-close-color {
@include btn-outline($white-light, $orange-600, $orange-500, $orange-100, $orange-700, $orange-500, $orange-200, $orange-600, $orange-800); @include btn-outline($white, $orange-600, $orange-500, $orange-100, $orange-700, $orange-500, $orange-200, $orange-600, $orange-800);
} }
&.btn-spam { &.btn-spam {
@include btn-outline($white-light, $red-500, $red-500, $red-100, $red-700, $red-500, $red-200, $red-600, $red-800); @include btn-outline($white, $red-500, $red-500, $red-100, $red-700, $red-500, $red-200, $red-600, $red-800);
} }
&.btn-danger, &.btn-danger,
...@@ -249,7 +249,7 @@ ...@@ -249,7 +249,7 @@
padding: 6px 16px; padding: 6px 16px;
border-color: $border-color; border-color: $border-color;
color: $gray-darkest; color: $gray-darkest;
background-color: $white-light; background-color: $white;
&:hover, &:hover,
&:active, &:active,
...@@ -409,13 +409,13 @@ ...@@ -409,13 +409,13 @@
cursor: default; cursor: default;
&:active { &:active {
box-shadow: inset 0 0 0 $white-light; box-shadow: inset 0 0 0 $white;
} }
} }
.btn-inverted { .btn-inverted {
&-secondary { &-secondary {
@include btn-outline($white-light, $blue-500, $blue-500, $blue-100, $blue-700, $blue-500, $blue-200, $blue-600, $blue-800); @include btn-outline($white, $blue-500, $blue-500, $blue-100, $blue-700, $blue-500, $blue-200, $blue-600, $blue-800);
} }
} }
......
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
.pika-day { .pika-day {
border-radius: 0; border-radius: 0;
background-color: $white-light; background-color: $white;
text-align: center; text-align: center;
} }
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
.cgreen { color: $green-600; } .cgreen { color: $green-600; }
.cdark { color: $common-gray-dark; } .cdark { color: $common-gray-dark; }
.fwhite { fill: $white-light; } .fwhite { fill: $white; }
.fgray { fill: $gray-700; } .fgray { fill: $gray-700; }
.text-plain, .text-plain,
...@@ -207,10 +207,10 @@ li.note { ...@@ -207,10 +207,10 @@ li.note {
padding: 10px; padding: 10px;
background: $red-400; background: $red-400;
margin: 0; margin: 0;
color: $white-light; color: $white;
a { a {
color: $white-light; color: $white;
text-decoration: underline; text-decoration: underline;
} }
} }
......
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
.avatar-container { .avatar-container {
flex: 0 0 40px; flex: 0 0 40px;
background-color: $white-light; background-color: $white;
} }
.sidebar-context-title { .sidebar-context-title {
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
} }
.settings-avatar { .settings-avatar {
background-color: $white-light; background-color: $white;
svg { svg {
fill: $gl-text-color-secondary; fill: $gl-text-color-secondary;
...@@ -282,7 +282,7 @@ ...@@ -282,7 +282,7 @@
min-width: 150px; min-width: 150px;
margin-top: -1px; margin-top: -1px;
padding: 4px 1px; padding: 4px 1px;
background-color: $white-light; background-color: $white;
box-shadow: 2px 1px 3px $dropdown-shadow-color; box-shadow: 2px 1px 3px $dropdown-shadow-color;
border: 1px solid $gray-darker; border: 1px solid $gray-darker;
border-left: 0; border-left: 0;
......
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
.dropdown-toggle, .dropdown-toggle,
.confidential-merge-request-fork-group .dropdown-toggle { .confidential-merge-request-fork-group .dropdown-toggle {
padding: 6px 8px 6px 10px; padding: 6px 8px 6px 10px;
background-color: $white-light; background-color: $white;
color: $gl-text-color; color: $gl-text-color;
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
...@@ -183,7 +183,7 @@ ...@@ -183,7 +183,7 @@
} }
.avatar { .avatar {
border-color: $white-light; border-color: $white;
} }
} }
...@@ -258,7 +258,7 @@ ...@@ -258,7 +258,7 @@
font-size: 14px; font-size: 14px;
font-weight: $gl-font-weight-normal; font-weight: $gl-font-weight-normal;
padding: 8px 0; padding: 8px 0;
background-color: $white-light; background-color: $white;
border: 1px solid $border-color; border: 1px solid $border-color;
border-radius: $border-radius-base; border-radius: $border-radius-base;
box-shadow: 0 2px 4px $dropdown-shadow-color; box-shadow: 0 2px 4px $dropdown-shadow-color;
...@@ -1009,7 +1009,7 @@ header.header-content .dropdown-menu.frequent-items-dropdown-menu { ...@@ -1009,7 +1009,7 @@ header.header-content .dropdown-menu.frequent-items-dropdown-menu {
width: 100%; width: 100%;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
background: linear-gradient(to top, $white-light 0, rgba($white-light, 0)); background: linear-gradient(to top, $white 0, rgba($white, 0));
transition: opacity $fade-mask-transition-duration $fade-mask-transition-curve; transition: opacity $fade-mask-transition-duration $fade-mask-transition-curve;
content: ''; content: '';
pointer-events: none; pointer-events: none;
...@@ -1024,7 +1024,7 @@ header.header-content .dropdown-menu.frequent-items-dropdown-menu { ...@@ -1024,7 +1024,7 @@ header.header-content .dropdown-menu.frequent-items-dropdown-menu {
.labels-select-dropdown-contents { .labels-select-dropdown-contents {
min-height: $dropdown-min-height; min-height: $dropdown-min-height;
max-height: 330px; max-height: 330px;
background-color: $white-light; background-color: $white;
border: 1px solid $border-color; border: 1px solid $border-color;
box-shadow: 0 2px 4px $dropdown-shadow-color; box-shadow: 0 2px 4px $dropdown-shadow-color;
z-index: 2; z-index: 2;
...@@ -1038,7 +1038,7 @@ header.header-content .dropdown-menu.frequent-items-dropdown-menu { ...@@ -1038,7 +1038,7 @@ header.header-content .dropdown-menu.frequent-items-dropdown-menu {
top: 0; top: 0;
left: 0; left: 0;
opacity: 0.5; opacity: 0.5;
background-color: $white-light; background-color: $white;
z-index: 1; z-index: 1;
} }
......
...@@ -105,7 +105,7 @@ ...@@ -105,7 +105,7 @@
} }
.file-content { .file-content {
background: $white-light; background: $white;
&.image_file, &.image_file,
&.audio, &.audio,
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
&.blob-no-preview { &.blob-no-preview {
background: $gray-darker; background: $gray-darker;
text-shadow: 0 1px 2px $white-light; text-shadow: 0 1px 2px $white;
padding: 100px 0; padding: 100px 0;
} }
...@@ -227,7 +227,7 @@ ...@@ -227,7 +227,7 @@
padding: 10px 0; padding: 10px 0;
border-left: 1px solid $border-color; border-left: 1px solid $border-color;
margin-bottom: 0; margin-bottom: 0;
background: $white-light; background: $white;
li { li {
color: $logs-li-color; color: $logs-li-color;
......
...@@ -190,7 +190,7 @@ ...@@ -190,7 +190,7 @@
width: 100%; width: 100%;
min-width: 0; min-width: 0;
border: 1px solid $border-color; border: 1px solid $border-color;
background-color: $white-light; background-color: $white;
border-radius: $border-radius-default 0 0 $border-radius-default; border-radius: $border-radius-default 0 0 $border-radius-default;
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
...@@ -244,7 +244,7 @@ ...@@ -244,7 +244,7 @@
.clear-search { .clear-search {
width: 35px; width: 35px;
background-color: $white-light; background-color: $white;
border: 0; border: 0;
outline: none; outline: none;
z-index: 1; z-index: 1;
...@@ -361,7 +361,7 @@ ...@@ -361,7 +361,7 @@
.issues-details-filters { .issues-details-filters {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
background-color: $white-light; background-color: $white;
border-top: 0; border-top: 0;
} }
...@@ -409,7 +409,7 @@ ...@@ -409,7 +409,7 @@
} }
.dropdown-label-box { .dropdown-label-box {
border-color: $white-light; border-color: $white;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
width: 17px; width: 17px;
......
...@@ -9,7 +9,7 @@ input { ...@@ -9,7 +9,7 @@ input {
input[type='text'].danger { input[type='text'].danger {
background: $input-danger-bg !important; background: $input-danger-bg !important;
border-color: $red-400; border-color: $red-400;
text-shadow: 0 1px 1px $white-light; text-shadow: 0 1px 1px $white;
} }
.datetime-controls { .datetime-controls {
...@@ -81,7 +81,7 @@ label { ...@@ -81,7 +81,7 @@ label {
.form-control { .form-control {
height: 29px; height: 29px;
background: $white-light; background: $white;
font-family: $monospace-font; font-family: $monospace-font;
} }
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
width: $chip-size; width: $chip-size;
height: $chip-size; height: $chip-size;
background: $white-light; background: $white;
background-image: linear-gradient(135deg, $gray-dark 25%, transparent 0%, transparent 75%, $gray-dark 0%), background-image: linear-gradient(135deg, $gray-dark 25%, transparent 0%, transparent 75%, $gray-dark 0%),
linear-gradient(135deg, $gray-dark 25%, transparent 0%, transparent 75%, $gray-dark 0%); linear-gradient(135deg, $gray-dark 25%, transparent 0%, transparent 75%, $gray-dark 0%);
background-size: $bg-size $bg-size; background-size: $bg-size $bg-size;
......
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
&:focus:hover, &:focus:hover,
&:focus { &:focus {
&.header-user-dropdown-toggle .header-user-notification-dot { &.header-user-dropdown-toggle .header-user-notification-dot {
border-color: $white-light; border-color: $white;
} }
} }
...@@ -152,7 +152,7 @@ ...@@ -152,7 +152,7 @@
&.search-active { &.search-active {
form { form {
background-color: $white-light; background-color: $white;
} }
.search-input-wrap { .search-input-wrap {
...@@ -216,7 +216,7 @@ body { ...@@ -216,7 +216,7 @@ body {
$indigo-700, $indigo-700,
$indigo-800, $indigo-800,
$indigo-900, $indigo-900,
$white-light $white
); );
} }
...@@ -227,7 +227,7 @@ body { ...@@ -227,7 +227,7 @@ body {
$indigo-500, $indigo-500,
$indigo-700, $indigo-700,
$indigo-700, $indigo-700,
$white-light $white
); );
} }
...@@ -238,7 +238,7 @@ body { ...@@ -238,7 +238,7 @@ body {
$theme-blue-700, $theme-blue-700,
$theme-blue-800, $theme-blue-800,
$theme-blue-900, $theme-blue-900,
$white-light $white
); );
} }
...@@ -249,7 +249,7 @@ body { ...@@ -249,7 +249,7 @@ body {
$theme-light-blue-500, $theme-light-blue-500,
$theme-light-blue-700, $theme-light-blue-700,
$theme-light-blue-700, $theme-light-blue-700,
$white-light $white
); );
} }
...@@ -260,7 +260,7 @@ body { ...@@ -260,7 +260,7 @@ body {
$theme-green-700, $theme-green-700,
$theme-green-800, $theme-green-800,
$theme-green-900, $theme-green-900,
$white-light $white
); );
} }
...@@ -271,7 +271,7 @@ body { ...@@ -271,7 +271,7 @@ body {
$theme-green-500, $theme-green-500,
$theme-light-green-700, $theme-light-green-700,
$theme-light-green-700, $theme-light-green-700,
$white-light $white
); );
} }
...@@ -282,7 +282,7 @@ body { ...@@ -282,7 +282,7 @@ body {
$theme-red-700, $theme-red-700,
$theme-red-800, $theme-red-800,
$theme-red-900, $theme-red-900,
$white-light $white
); );
} }
...@@ -293,7 +293,7 @@ body { ...@@ -293,7 +293,7 @@ body {
$theme-light-red-500, $theme-light-red-500,
$theme-light-red-700, $theme-light-red-700,
$theme-light-red-700, $theme-light-red-700,
$white-light $white
); );
} }
...@@ -304,7 +304,7 @@ body { ...@@ -304,7 +304,7 @@ body {
$gray-700, $gray-700,
$gray-800, $gray-800,
$gray-900, $gray-900,
$white-light $white
); );
} }
...@@ -338,7 +338,7 @@ body { ...@@ -338,7 +338,7 @@ body {
&.active > a, &.active > a,
&.active > a:hover, &.active > a:hover,
&.active > button { &.active > button {
color: $white-light; color: $white;
} }
} }
} }
...@@ -354,11 +354,11 @@ body { ...@@ -354,11 +354,11 @@ body {
.search { .search {
form { form {
background-color: $white-light; background-color: $white;
box-shadow: inset 0 0 0 1px $border-color; box-shadow: inset 0 0 0 1px $border-color;
&:hover { &:hover {
background-color: $white-light; background-color: $white;
box-shadow: inset 0 0 0 1px $blue-200; box-shadow: inset 0 0 0 1px $blue-200;
} }
} }
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
width: 55px; width: 55px;
height: 14px; height: 14px;
margin: 0; margin: 0;
fill: $white-light; fill: $white;
} }
} }
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
.dropdown.open { .dropdown.open {
> a { > a {
border-bottom-color: $white-light; border-bottom-color: $white;
} }
} }
...@@ -209,10 +209,10 @@ ...@@ -209,10 +209,10 @@
text-decoration: none; text-decoration: none;
outline: 0; outline: 0;
opacity: 1; opacity: 1;
color: $white-light; color: $white;
&.header-user-dropdown-toggle .header-user-avatar { &.header-user-dropdown-toggle .header-user-avatar {
border-color: $white-light; border-color: $white;
} }
} }
} }
...@@ -224,14 +224,14 @@ ...@@ -224,14 +224,14 @@
.impersonated-user, .impersonated-user,
.impersonated-user:hover { .impersonated-user:hover {
margin-right: 1px; margin-right: 1px;
background-color: $white-light; background-color: $white;
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
.impersonation-btn, .impersonation-btn,
.impersonation-btn:hover { .impersonation-btn:hover {
background-color: $white-light; background-color: $white;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
...@@ -264,7 +264,7 @@ ...@@ -264,7 +264,7 @@
&:focus { &:focus {
text-decoration: none; text-decoration: none;
outline: 0; outline: 0;
color: $white-light; color: $white;
} }
} }
...@@ -441,7 +441,7 @@ ...@@ -441,7 +441,7 @@
margin: 4px 0 4px 2px; margin: 4px 0 4px 2px;
&:hover { &:hover {
background-color: $white-light; background-color: $white;
} }
} }
...@@ -452,7 +452,7 @@ ...@@ -452,7 +452,7 @@
font-weight: $gl-font-weight-normal; font-weight: $gl-font-weight-normal;
margin-left: -6px; margin-left: -6px;
font-size: 11px; font-size: 11px;
color: $white-light; color: $white;
padding: 0 5px; padding: 0 5px;
line-height: 12px; line-height: 12px;
border-radius: 7px; border-radius: 7px;
...@@ -583,7 +583,7 @@ ...@@ -583,7 +583,7 @@
.navbar-empty { .navbar-empty {
justify-content: center; justify-content: center;
height: $header-height; height: $header-height;
background: $white-light; background: $white;
border-bottom: 1px solid $white-normal; border-bottom: 1px solid $white-normal;
.tanuki-logo, .tanuki-logo,
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
display: block; display: block;
float: left; float: left;
margin-right: $gl-padding-8; margin-right: $gl-padding-8;
color: $white-light; color: $white;
font-size: $gl-font-size; font-size: $gl-font-size;
line-height: $gl-line-height-24; line-height: $gl-line-height-24;
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
.collapsible-line { .collapsible-line {
&:hover { &:hover {
background-color: rgba($white-light, 0.2); background-color: rgba($white, 0.2);
} }
.arrow { .arrow {
......
...@@ -12,7 +12,7 @@ body { ...@@ -12,7 +12,7 @@ body {
text-decoration-skip: ink; text-decoration-skip: ink;
// scss-lint:enable PropertySpelling // scss-lint:enable PropertySpelling
&.navless { &.navless {
background-color: $white-light !important; background-color: $white !important;
} }
&.board-card-content { &.board-card-content {
......
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
.markdown-area { .markdown-area {
border-radius: 0; border-radius: 0;
background: $white-light; background: $white;
border: 1px solid $gray-100; border: 1px solid $gray-100;
min-height: 140px; min-height: 140px;
max-height: 500px; max-height: 500px;
......
.memory-graph-container { .memory-graph-container {
background: $white-light; background: $white;
border: 1px solid $gray-200; border: 1px solid $gray-200;
} }
...@@ -302,7 +302,7 @@ ...@@ -302,7 +302,7 @@
margin: auto auto 12px; margin: auto auto 12px;
border-radius: 50%; border-radius: 50%;
animation: blinking-dot 1s linear infinite; animation: blinking-dot 1s linear infinite;
background: $white-light; background: $white;
&:nth-child(2) { &:nth-child(2) {
animation-delay: 0.33s; animation-delay: 0.33s;
...@@ -393,7 +393,7 @@ ...@@ -393,7 +393,7 @@
@mixin avatar-counter($border-radius: 1em) { @mixin avatar-counter($border-radius: 1em) {
background-color: $gray-darkest; background-color: $gray-darkest;
color: $white-light; color: $white;
border: 1px solid $gray-normal; border: 1px solid $gray-normal;
border-radius: $border-radius; border-radius: $border-radius;
font-family: $regular-font; font-family: $regular-font;
......
...@@ -305,7 +305,7 @@ ...@@ -305,7 +305,7 @@
.inner-page-scroll-tabs { .inner-page-scroll-tabs {
.fade-right { .fade-right {
@include fade(left, $white-light); @include fade(left, $white);
right: 0; right: 0;
text-align: right; text-align: right;
...@@ -315,7 +315,7 @@ ...@@ -315,7 +315,7 @@
} }
.fade-left { .fade-left {
@include fade(right, $white-light); @include fade(right, $white);
left: 0; left: 0;
text-align: left; text-align: left;
...@@ -345,7 +345,7 @@ ...@@ -345,7 +345,7 @@
@include scrolling-links(); @include scrolling-links();
.fade-right { .fade-right {
@include fade(left, $white-light); @include fade(left, $white);
right: -5px; right: -5px;
.fa { .fa {
...@@ -354,7 +354,7 @@ ...@@ -354,7 +354,7 @@
} }
.fade-left { .fade-left {
@include fade(right, $white-light); @include fade(right, $white);
left: -5px; left: -5px;
.fa { .fa {
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
.select2-container, .select2-container,
.select2-container.select2-drop-above { .select2-container.select2-drop-above {
.select2-choice { .select2-choice {
background: $white-light; background: $white;
border-color: $input-border; border-color: $input-border;
height: 34px; height: 34px;
padding: $gl-vert-padding $gl-input-padding; padding: $gl-vert-padding $gl-input-padding;
...@@ -166,7 +166,7 @@ ...@@ -166,7 +166,7 @@
input { input {
padding: $grid-size; padding: $grid-size;
background: $white-light image-url('select2.png'); background: $white image-url('select2.png');
background-clip: content-box; background-clip: content-box;
background-origin: content-box; background-origin: content-box;
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -181,7 +181,7 @@ ...@@ -181,7 +181,7 @@
} }
&.select2-active { &.select2-active {
background-color: $white-light; background-color: $white;
background-image: image-url('select2-spinner.gif') !important; background-image: image-url('select2-spinner.gif') !important;
background-origin: content-box; background-origin: content-box;
background-repeat: no-repeat; background-repeat: no-repeat;
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
&:hover, &:hover,
&:focus { &:focus {
color: $white-light; color: $white;
text-decoration: none; text-decoration: none;
} }
} }
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
padding: 0 5px; padding: 0 5px;
font-size: $tooltip-font-size; font-size: $tooltip-font-size;
font-weight: normal; font-weight: normal;
color: $white-light; color: $white;
line-height: 16px; line-height: 16px;
&:hover { &:hover {
......
...@@ -15,11 +15,11 @@ table { ...@@ -15,11 +15,11 @@ table {
.warning, .warning,
.danger, .danger,
.info { .info {
color: $white-light; color: $white;
a:not(.btn) { a:not(.btn) {
text-decoration: underline; text-decoration: underline;
color: $white-light; color: $white;
} }
} }
...@@ -53,7 +53,7 @@ table { ...@@ -53,7 +53,7 @@ table {
.thead-white { .thead-white {
th { th {
background-color: $white-light; background-color: $white;
color: $gl-text-color-secondary; color: $gl-text-color-secondary;
border-top: 0; border-top: 0;
} }
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
} }
&.active { &.active {
background: $white-light; background: $white;
} }
a { a {
......
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
.timeline-entry { .timeline-entry {
color: $gl-text-color; color: $gl-text-color;
background-color: $white-light; background-color: $white;
.timeline-entry-inner { .timeline-entry-inner {
position: relative; position: relative;
......
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
.loading-icon { .loading-icon {
display: none; display: none;
font-size: 12px; font-size: 12px;
color: $white-light; color: $white;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
......
...@@ -178,7 +178,7 @@ ...@@ -178,7 +178,7 @@
overflow-x: auto; overflow-x: auto;
tbody { tbody {
background-color: $white-light; background-color: $white;
td { td {
border-color: $gray-200; border-color: $gray-200;
......
...@@ -81,7 +81,7 @@ $darken-dark-factor: 10%; ...@@ -81,7 +81,7 @@ $darken-dark-factor: 10%;
$darken-border-factor: 5%; $darken-border-factor: 5%;
$darken-border-dashed-factor: 25%; $darken-border-dashed-factor: 25%;
$white-light: #fff; $white: #fff;
$white-normal: #f0f0f0; $white-normal: #f0f0f0;
$white-dark: #eaeaea; $white-dark: #eaeaea;
$white-transparent: rgba(255, 255, 255, 0.8); $white-transparent: rgba(255, 255, 255, 0.8);
...@@ -323,7 +323,7 @@ $theme-light-red-500: #c24b38; ...@@ -323,7 +323,7 @@ $theme-light-red-500: #c24b38;
$theme-light-red-600: #b03927; $theme-light-red-600: #b03927;
$theme-light-red-700: #a62e21; $theme-light-red-700: #a62e21;
$border-white-light: darken($white-light, $darken-border-factor); $border-white-light: darken($white, $darken-border-factor);
$border-white-normal: darken($white-normal, $darken-border-factor); $border-white-normal: darken($white-normal, $darken-border-factor);
$border-gray-light: darken($gray-light, $darken-border-factor); $border-gray-light: darken($gray-light, $darken-border-factor);
...@@ -824,7 +824,7 @@ $perf-bar-production: #222; ...@@ -824,7 +824,7 @@ $perf-bar-production: #222;
$perf-bar-staging: #291430; $perf-bar-staging: #291430;
$perf-bar-development: #4c1210; $perf-bar-development: #4c1210;
$perf-bar-bucket-bg: #111; $perf-bar-bucket-bg: #111;
$perf-bar-bucket-box-shadow-from: rgba($white-light, 0.2); $perf-bar-bucket-box-shadow-from: rgba($white, 0.2);
$perf-bar-bucket-box-shadow-to: rgba($black, 0.25); $perf-bar-bucket-box-shadow-to: rgba($black, 0.25);
$perf-bar-canary-text: $orange-400; $perf-bar-canary-text: $orange-400;
......
.zen-backdrop { .zen-backdrop {
&.fullscreen { &.fullscreen {
background-color: $white-light; background-color: $white;
position: fixed; position: fixed;
top: 0; top: 0;
bottom: 0; bottom: 0;
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
&, &,
pre.code, pre.code,
.line_holder .line_content { .line_holder .line_content {
background-color: $white-light; background-color: $white;
color: $gl-text-color; color: $gl-text-color;
} }
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
} }
&.hll:not(.empty-cell) { &.hll:not(.empty-cell) {
background-color: $white-light; background-color: $white;
border-color: $white-normal; border-color: $white-normal;
} }
} }
...@@ -160,25 +160,25 @@ ...@@ -160,25 +160,25 @@
text-decoration: underline; text-decoration: underline;
} }
.hll { background-color: $white-light; } .hll { background-color: $white; }
.gd { .gd {
color: $gl-text-color; color: $gl-text-color;
background-color: $white-light; background-color: $white;
.x { .x {
color: $gl-text-color; color: $gl-text-color;
background-color: $white-light; background-color: $white;
} }
} }
.gi { .gi {
color: $gl-text-color; color: $gl-text-color;
background-color: $white-light; background-color: $white;
.x { .x {
color: $gl-text-color; color: $gl-text-color;
background-color: $white-light; background-color: $white;
} }
} }
......
...@@ -97,7 +97,7 @@ pre.code, ...@@ -97,7 +97,7 @@ pre.code,
&, &,
pre.code, pre.code,
.line_holder .line_content { .line_holder .line_content {
background-color: $white-light; background-color: $white;
color: $white-code-color; color: $white-code-color;
} }
......
...@@ -75,7 +75,7 @@ $highlighted-gc: #999; ...@@ -75,7 +75,7 @@ $highlighted-gc: #999;
$highlighted-gc-bg: #eaf2f5; $highlighted-gc-bg: #eaf2f5;
.code { .code {
background-color: $white-light; background-color: $white;
font-family: monospace; font-family: monospace;
font-size: $code-font-size; font-size: $code-font-size;
-premailer-cellpadding: 0; -premailer-cellpadding: 0;
......
...@@ -32,7 +32,7 @@ pre.commit-message { ...@@ -32,7 +32,7 @@ pre.commit-message {
} }
.gl-label-text-light { .gl-label-text-light {
color: $white-light; color: $white;
} }
.gl-label-text-dark { .gl-label-text-dark {
......
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
} }
.diffOverview { .diffOverview {
background-color: $white-light; background-color: $white;
border-left: 1px solid $white-dark; border-left: 1px solid $white-dark;
cursor: ns-resize; cursor: ns-resize;
} }
...@@ -112,7 +112,7 @@ ...@@ -112,7 +112,7 @@
} }
.margin { .margin {
background-color: $white-light; background-color: $white;
border-right: 1px solid $gray-100; border-right: 1px solid $gray-100;
.line-insert { .line-insert {
......
...@@ -84,8 +84,8 @@ $ide-commit-header-height: 48px; ...@@ -84,8 +84,8 @@ $ide-commit-header-height: 48px;
border-bottom: 1px solid $white-dark; border-bottom: 1px solid $white-dark;
&.active { &.active {
background-color: $white-light; background-color: $white;
border-bottom-color: $white-light; border-bottom-color: $white;
} }
&:not(.disabled) { &:not(.disabled) {
...@@ -138,7 +138,7 @@ $ide-commit-header-height: 48px; ...@@ -138,7 +138,7 @@ $ide-commit-header-height: 48px;
&:not([disabled]):focus { &:not([disabled]):focus {
background-color: $blue-500; background-color: $blue-500;
color: $white-light; color: $white;
outline: 0; outline: 0;
svg { svg {
...@@ -205,7 +205,7 @@ $ide-commit-header-height: 48px; ...@@ -205,7 +205,7 @@ $ide-commit-header-height: 48px;
.ide-status-bar { .ide-status-bar {
border-top: 1px solid $white-dark; border-top: 1px solid $white-dark;
padding: 2px $gl-padding-8 0; padding: 2px $gl-padding-8 0;
background: $white-light; background: $white;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
height: $ide-statusbar-height; height: $ide-statusbar-height;
...@@ -306,7 +306,7 @@ $ide-commit-header-height: 48px; ...@@ -306,7 +306,7 @@ $ide-commit-header-height: 48px;
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
background-color: $white-light; background-color: $white;
border-left: 1px solid $white-dark; border-left: 1px solid $white-dark;
border-top: 1px solid $white-dark; border-top: 1px solid $white-dark;
border-top-left-radius: $border-radius-small; border-top-left-radius: $border-radius-small;
...@@ -418,7 +418,7 @@ $ide-commit-header-height: 48px; ...@@ -418,7 +418,7 @@ $ide-commit-header-height: 48px;
.multi-file-commit-form { .multi-file-commit-form {
position: relative; position: relative;
background-color: $white-light; background-color: $white;
border-left: 1px solid $white-dark; border-left: 1px solid $white-dark;
transition: all 0.3s ease; transition: all 0.3s ease;
...@@ -575,7 +575,7 @@ $ide-commit-header-height: 48px; ...@@ -575,7 +575,7 @@ $ide-commit-header-height: 48px;
// extend width over border of sidebar section // extend width over border of sidebar section
width: calc(100% + 1px); width: calc(100% + 1px);
padding-right: $gl-padding + 1px; padding-right: $gl-padding + 1px;
background-color: $white-light; background-color: $white;
border-top-color: $white-dark; border-top-color: $white-dark;
border-bottom-color: $white-dark; border-bottom-color: $white-dark;
...@@ -586,7 +586,7 @@ $ide-commit-header-height: 48px; ...@@ -586,7 +586,7 @@ $ide-commit-header-height: 48px;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 1px; width: 1px;
background: $white-light; background: $white;
} }
&.is-right { &.is-right {
...@@ -609,7 +609,7 @@ $ide-commit-header-height: 48px; ...@@ -609,7 +609,7 @@ $ide-commit-header-height: 48px;
.ide-commit-message-field { .ide-commit-message-field {
height: 200px; height: 200px;
background-color: $white-light; background-color: $white;
.md-area { .md-area {
display: flex; display: flex;
...@@ -819,7 +819,7 @@ $ide-commit-header-height: 48px; ...@@ -819,7 +819,7 @@ $ide-commit-header-height: 48px;
bottom: 0; bottom: 0;
right: 0; right: 0;
z-index: 10; z-index: 10;
background: $white-light; background: $white;
overflow: auto; overflow: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -889,7 +889,7 @@ $ide-commit-header-height: 48px; ...@@ -889,7 +889,7 @@ $ide-commit-header-height: 48px;
.multi-file-commit-panel-inner { .multi-file-commit-panel-inner {
width: 350px; width: 350px;
padding: $grid-size $gl-padding; padding: $grid-size $gl-padding;
background-color: $white-light; background-color: $white;
border-left: 1px solid $white-dark; border-left: 1px solid $white-dark;
} }
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
$xterm-fg-12: #00f; $xterm-fg-12: #00f;
$xterm-fg-13: #f0f; $xterm-fg-13: #f0f;
$xterm-fg-14: #0ff; $xterm-fg-14: #0ff;
$xterm-fg-15: $white-light; $xterm-fg-15: $white;
$xterm-fg-16: $black; $xterm-fg-16: $black;
$xterm-fg-17: #00005f; $xterm-fg-17: #00005f;
$xterm-fg-18: #000087; $xterm-fg-18: #000087;
...@@ -255,7 +255,7 @@ ...@@ -255,7 +255,7 @@
$xterm-fg-228: #ffff87; $xterm-fg-228: #ffff87;
$xterm-fg-229: #ffffaf; $xterm-fg-229: #ffffaf;
$xterm-fg-230: #ffffd7; $xterm-fg-230: #ffffd7;
$xterm-fg-231: $white-light; $xterm-fg-231: $white;
$xterm-fg-232: #080808; $xterm-fg-232: #080808;
$xterm-fg-233: #121212; $xterm-fg-233: #121212;
$xterm-fg-234: #1c1c1c; $xterm-fg-234: #1c1c1c;
...@@ -490,7 +490,7 @@ ...@@ -490,7 +490,7 @@
} }
.xterm-fg-15 { .xterm-fg-15 {
color: $white-light; color: $white;
} }
.xterm-fg-16 { .xterm-fg-16 {
......
...@@ -211,7 +211,7 @@ ...@@ -211,7 +211,7 @@
.board-blank-state, .board-blank-state,
.board-promotion-state { .board-promotion-state {
background-color: $white-light; background-color: $white;
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
...@@ -245,7 +245,7 @@ ...@@ -245,7 +245,7 @@
} }
.board-card { .board-card {
background: $white-light; background: $white;
border: 1px solid $gray-200; border: 1px solid $gray-200;
box-shadow: 0 1px 2px $issue-boards-card-shadow; box-shadow: 0 1px 2px $issue-boards-card-shadow;
line-height: $gl-padding; line-height: $gl-padding;
...@@ -426,7 +426,7 @@ ...@@ -426,7 +426,7 @@
max-width: 1100px; max-width: 1100px;
min-height: 500px; min-height: 500px;
padding: 25px 15px 0; padding: 25px 15px 0;
background-color: $white-light; background-color: $white;
box-shadow: 0 2px 12px rgba($black, 0.5); box-shadow: 0 2px 12px rgba($black, 0.5);
.empty-state { .empty-state {
...@@ -501,7 +501,7 @@ ...@@ -501,7 +501,7 @@
top: -3px; top: -3px;
width: 17px; width: 17px;
background-color: $blue-500; background-color: $blue-500;
color: $white-light; color: $white;
border: 1px solid $blue-600; border: 1px solid $blue-600;
font-size: 9px; font-size: 9px;
line-height: 15px; line-height: 15px;
......
...@@ -253,7 +253,7 @@ ...@@ -253,7 +253,7 @@
color: $blue-500; color: $blue-500;
&:hover { &:hover {
color: $white-light; color: $white;
} }
} }
} }
...@@ -267,7 +267,7 @@ ...@@ -267,7 +267,7 @@
} }
.builds-container { .builds-container {
background-color: $white-light; background-color: $white;
border-top: 1px solid $border-color; border-top: 1px solid $border-color;
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
max-height: 300px; max-height: 300px;
......
.edit-cluster-form { .edit-cluster-form {
.clipboard-addon { .clipboard-addon {
background-color: $white-light; background-color: $white;
} }
} }
...@@ -35,11 +35,11 @@ ...@@ -35,11 +35,11 @@
} }
.cluster-application-logo { .cluster-application-logo {
border: 3px solid $white-light; border: 3px solid $white;
box-shadow: 0 0 0 1px $gray-normal; box-shadow: 0 0 0 1px $gray-normal;
&.avatar:hover { &.avatar:hover {
border-color: $white-light; border-color: $white;
} }
} }
......
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
font-family: inherit; font-family: inherit;
left: $left; left: $left;
height: 100%; height: 100%;
border-right: 1px solid mix($input-border, $white-light); border-right: 1px solid mix($input-border, $white);
position: absolute; position: absolute;
z-index: 1; z-index: 1;
} }
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
.text-expander { .text-expander {
display: inline-flex; display: inline-flex;
background: $white-light; background: $white;
color: $gl-text-color-secondary; color: $gl-text-color-secondary;
padding: 1px $gl-padding-4; padding: 1px $gl-padding-4;
cursor: pointer; cursor: pointer;
...@@ -260,7 +260,7 @@ ...@@ -260,7 +260,7 @@
color: $gl-text-color; color: $gl-text-color;
&.autodevops-badge { &.autodevops-badge {
color: $white-light; color: $white;
} }
} }
......
...@@ -199,7 +199,7 @@ $space-between-cards: 8px; ...@@ -199,7 +199,7 @@ $space-between-cards: 8px;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
border: solid 1px $border-color; border: solid 1px $border-color;
background: $white-light; background: $white;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
color: $gl-text-color-secondary; color: $gl-text-color-secondary;
fill: $gl-text-color-secondary; fill: $gl-text-color-secondary;
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
left: -11px; left: -11px;
width: 10px; width: 10px;
height: calc(100% + 1px); height: calc(100% + 1px);
background: $white-light; background: $white;
pointer-events: none; pointer-events: none;
} }
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
} }
.diff-content { .diff-content {
background: $white-light; background: $white;
color: $gl-text-color; color: $gl-text-color;
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
...@@ -133,11 +133,11 @@ ...@@ -133,11 +133,11 @@
.frame { .frame {
display: inline-block; display: inline-block;
background-color: $white-light; background-color: $white;
line-height: 0; line-height: 0;
img { img {
border: 1px solid $white-light; border: 1px solid $white;
background-image: linear-gradient(45deg, background-image: linear-gradient(45deg,
$border-color 25%, $border-color 25%,
transparent 25%, transparent 25%,
...@@ -692,7 +692,7 @@ table.code { ...@@ -692,7 +692,7 @@ table.code {
position: absolute; position: absolute;
left: 0; left: 0;
margin-right: 0; margin-right: 0;
border-color: $white-light; border-color: $white;
cursor: pointer; cursor: pointer;
transition: all 0.1s ease-out; transition: all 0.1s ease-out;
@include code-icon-size(); @include code-icon-size();
...@@ -742,7 +742,7 @@ table.code { ...@@ -742,7 +742,7 @@ table.code {
.collapse-icon, .collapse-icon,
path { path {
fill: $white-light; fill: $white;
} }
&:focus { &:focus {
...@@ -760,7 +760,7 @@ table.code { ...@@ -760,7 +760,7 @@ table.code {
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
margin-left: -$gl-padding; margin-left: -$gl-padding;
padding-left: $gl-padding; padding-left: $gl-padding;
background-color: $white-light; background-color: $white;
} }
} }
...@@ -768,7 +768,7 @@ table.code { ...@@ -768,7 +768,7 @@ table.code {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: $header-height; top: $header-height;
background-color: $white-light; background-color: $white;
z-index: 200; z-index: 200;
.with-performance-bar & { .with-performance-bar & {
...@@ -872,27 +872,27 @@ table.code { ...@@ -872,27 +872,27 @@ table.code {
display: block; display: block;
width: 100%; width: 100%;
height: 10px; height: 10px;
background-color: $white-light; background-color: $white;
background-image: linear-gradient(45deg, background-image: linear-gradient(45deg,
transparent, transparent,
transparent 73%, transparent 73%,
$diff-jagged-border-gradient-color 75%, $diff-jagged-border-gradient-color 75%,
$white-light 80%), $white 80%),
linear-gradient(225deg, linear-gradient(225deg,
transparent, transparent,
transparent 73%, transparent 73%,
$diff-jagged-border-gradient-color 75%, $diff-jagged-border-gradient-color 75%,
$white-light 80%), $white 80%),
linear-gradient(135deg, linear-gradient(135deg,
transparent, transparent,
transparent 73%, transparent 73%,
$diff-jagged-border-gradient-color 75%, $diff-jagged-border-gradient-color 75%,
$white-light 80%), $white 80%),
linear-gradient(-45deg, linear-gradient(-45deg,
transparent, transparent,
transparent 73%, transparent 73%,
$diff-jagged-border-gradient-color 75%, $diff-jagged-border-gradient-color 75%,
$white-light 80%); $white 80%);
background-position: 5px 5px, 0 5px, 0 5px, 5px 5px; background-position: 5px 5px, 0 5px, 0 5px, 5px 5px;
background-size: 10px 10px; background-size: 10px 10px;
background-repeat: repeat; background-repeat: repeat;
...@@ -981,8 +981,8 @@ table.code { ...@@ -981,8 +981,8 @@ table.code {
.notes > .badge.badge-pill { .notes > .badge.badge-pill {
position: absolute; position: absolute;
background-color: $blue-400; background-color: $blue-400;
color: $white-light; color: $white;
border: $white-light 1px solid; border: $white 1px solid;
min-height: $gl-padding; min-height: $gl-padding;
padding: 5px 8px; padding: 5px 8px;
border-radius: 12px; border-radius: 12px;
...@@ -1037,7 +1037,7 @@ table.code { ...@@ -1037,7 +1037,7 @@ table.code {
} }
&.collapsed { &.collapsed {
background-color: $white-light; background-color: $white;
.diff-notes-collapse, .diff-notes-collapse,
.note, .note,
......
...@@ -112,13 +112,13 @@ ...@@ -112,13 +112,13 @@
.rect-text-metric { .rect-text-metric {
fill: $white-light; fill: $white;
stroke-width: 1; stroke-width: 1;
stroke: $gray-darkest; stroke: $gray-darkest;
} }
.rect-axis-text { .rect-axis-text {
fill: $white-light; fill: $white;
} }
.text-metric { .text-metric {
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
} }
.signup-box { .signup-box {
background-color: $white-light; background-color: $white;
box-shadow: 0 0 0 1px $border-color; box-shadow: 0 0 0 1px $border-color;
border-radius: $border-radius; border-radius: $border-radius;
} }
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
.form-control { .form-control {
&:active, &:active,
&:focus { &:focus {
background-color: $white-light; background-color: $white;
} }
} }
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
} }
.network-graph { .network-graph {
background: $white-light; background: $white;
height: 500px; height: 500px;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
......
...@@ -374,7 +374,7 @@ table.pipeline-project-metrics tr td { ...@@ -374,7 +374,7 @@ table.pipeline-project-metrics tr td {
} }
&:last-child::before { &:last-child::before {
background: $white-light; background: $white;
height: auto; height: auto;
top: 30px; top: 30px;
bottom: 0; bottom: 0;
......
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 0;
text-shadow: -1px -1px 0 $white-light, 1px -1px 0 $white-light, -1px 1px 0 $white-light, 1px 1px 0 $white-light; text-shadow: -1px -1px 0 $white, 1px -1px 0 $white, -1px 1px 0 $white, 1px 1px 0 $white;
} }
} }
...@@ -914,7 +914,7 @@ ...@@ -914,7 +914,7 @@
} }
.time-tracking-help-state { .time-tracking-help-state {
background: $white-light; background: $white;
margin: 16px -20px -20px; margin: 16px -20px -20px;
padding: 16px 20px; padding: 16px 20px;
border-top: 1px solid $border-gray-light; border-top: 1px solid $border-gray-light;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
padding: $gl-padding-8; padding: $gl-padding-8;
.issue { .issue {
background-color: $white-light; background-color: $white;
margin-bottom: $gl-padding-8; margin-bottom: $gl-padding-8;
border-radius: $border-radius-default; border-radius: $border-radius-default;
border: 1px solid $gray-100; border: 1px solid $gray-100;
...@@ -160,7 +160,7 @@ ul.related-merge-requests > li { ...@@ -160,7 +160,7 @@ ul.related-merge-requests > li {
margin-bottom: 10px; margin-bottom: 10px;
.form-control { .form-control {
background-color: $white-light; background-color: $white;
} }
.btn { .btn {
......
...@@ -65,14 +65,14 @@ ...@@ -65,14 +65,14 @@
padding: 0 $grid-size; padding: 0 $grid-size;
line-height: 16px; line-height: 16px;
border-radius: $label-border-radius; border-radius: $label-border-radius;
color: $white-light; color: $white;
} }
.dropdown-labels-error { .dropdown-labels-error {
padding: 5px 10px; padding: 5px 10px;
margin-bottom: 10px; margin-bottom: 10px;
background-color: $red-500; background-color: $red-500;
color: $white-light; color: $white;
} }
.manage-labels-list { .manage-labels-list {
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
margin-bottom: 0; margin-bottom: 0;
> li:not(.empty-message):not(.no-border) { > li:not(.empty-message):not(.no-border) {
background-color: $white-light; background-color: $white;
margin-bottom: 5px; margin-bottom: 5px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
......
...@@ -175,7 +175,7 @@ ...@@ -175,7 +175,7 @@
.form-control { .form-control {
&:active, &:active,
&:focus { &:focus {
background-color: $white-light; background-color: $white;
} }
} }
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
left: 0; left: 0;
right: 0; right: 0;
height: 40px; height: 40px;
background: $white-light; background: $white;
} }
.login-page-broadcast { .login-page-broadcast {
......
...@@ -240,14 +240,14 @@ $colors: ( ...@@ -240,14 +240,14 @@ $colors: (
right: 10px; right: 10px;
padding: 0; padding: 0;
outline: none; outline: none;
color: $white-light; color: $white;
width: 75px; // static width to make 2 buttons have same width width: 75px; // static width to make 2 buttons have same width
height: 19px; height: 19px;
} }
} }
.btn-success .fa-spinner { .btn-success .fa-spinner {
color: $white-light; color: $white;
} }
.editor-wrap { .editor-wrap {
......
...@@ -714,7 +714,7 @@ $mr-widget-min-height: 69px; ...@@ -714,7 +714,7 @@ $mr-widget-min-height: 69px;
.table-holder { .table-holder {
.ci-table { .ci-table {
th { th {
background-color: $white-light; background-color: $white;
color: $gl-text-color-secondary; color: $gl-text-color-secondary;
} }
} }
...@@ -729,7 +729,7 @@ $mr-widget-min-height: 69px; ...@@ -729,7 +729,7 @@ $mr-widget-min-height: 69px;
.mr-version-controls { .mr-version-controls {
position: relative; position: relative;
z-index: 203; z-index: 203;
background: $white-light; background: $white;
color: $gl-text-color; color: $gl-text-color;
margin-top: -1px; margin-top: -1px;
...@@ -806,7 +806,7 @@ $mr-widget-min-height: 69px; ...@@ -806,7 +806,7 @@ $mr-widget-min-height: 69px;
.epic-tabs-holder { .epic-tabs-holder {
top: $header-height; top: $header-height;
z-index: 250; z-index: 250;
background-color: $white-light; background-color: $white;
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
...@@ -857,7 +857,7 @@ $mr-widget-min-height: 69px; ...@@ -857,7 +857,7 @@ $mr-widget-min-height: 69px;
margin-right: auto; margin-right: auto;
.inner-page-scroll-tabs { .inner-page-scroll-tabs {
background-color: $white-light; background-color: $white;
margin-left: -$gl-padding; margin-left: -$gl-padding;
padding-left: $gl-padding; padding-left: $gl-padding;
} }
......
...@@ -14,7 +14,7 @@ $status-box-line-height: 26px; ...@@ -14,7 +14,7 @@ $status-box-line-height: 26px;
border: 0; border: 0;
padding: $gl-padding-top $gl-padding; padding: $gl-padding-top $gl-padding;
border-radius: $border-radius-default; border-radius: $border-radius-default;
background-color: $white-light; background-color: $white;
&:not(:last-child) { &:not(:last-child) {
margin-bottom: $gl-padding-4; margin-bottom: $gl-padding-4;
...@@ -238,7 +238,7 @@ $status-box-line-height: 26px; ...@@ -238,7 +238,7 @@ $status-box-line-height: 26px;
} }
.issuable-row { .issuable-row {
background-color: $white-light; background-color: $white;
} }
.milestone-popover-instructions-list { .milestone-popover-instructions-list {
......
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
border-radius: $border-radius-base; border-radius: $border-radius-base;
transition: border-color ease-in-out 0.15s, transition: border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s; box-shadow ease-in-out 0.15s;
background-color: $white-light; background-color: $white;
&.is-focused { &.is-focused {
@extend .form-control:focus; @extend .form-control:focus;
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
} }
.discussion-form { .discussion-form {
background-color: $white-light; background-color: $white;
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
.user-avatar-link { .user-avatar-link {
...@@ -217,7 +217,7 @@ table { ...@@ -217,7 +217,7 @@ table {
font-size: 14px; font-size: 14px;
.md-area { .md-area {
background-color: $white-light; background-color: $white;
} }
} }
...@@ -235,7 +235,7 @@ table { ...@@ -235,7 +235,7 @@ table {
&.alert-dismissable { &.alert-dismissable {
.close { .close {
color: $white-light; color: $white;
opacity: 0.85; opacity: 0.85;
font-weight: $gl-font-weight-normal; font-weight: $gl-font-weight-normal;
...@@ -416,7 +416,7 @@ table { ...@@ -416,7 +416,7 @@ table {
float: right; float: right;
i { i {
color: $white-light; color: $white;
padding-right: 2px; padding-right: 2px;
margin-top: 2px; margin-top: 2px;
} }
......
...@@ -364,7 +364,7 @@ $note-form-margin-left: 72px; ...@@ -364,7 +364,7 @@ $note-form-margin-left: 72px;
left: $gl-padding-24; left: $gl-padding-24;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: linear-gradient(rgba($white-light, 0.1) -100px, $white-light 100%); background: linear-gradient(rgba($white, 0.1) -100px, $white 100%);
} }
} }
} }
...@@ -380,7 +380,7 @@ $note-form-margin-left: 72px; ...@@ -380,7 +380,7 @@ $note-form-margin-left: 72px;
.timeline-icon { .timeline-icon {
display: flex; display: flex;
align-items: center; align-items: center;
background-color: $white-light; background-color: $white;
width: $system-note-icon-size; width: $system-note-icon-size;
height: $system-note-icon-size; height: $system-note-icon-size;
border: 1px solid $border-color; border: 1px solid $border-color;
...@@ -470,7 +470,7 @@ $note-form-margin-left: 72px; ...@@ -470,7 +470,7 @@ $note-form-margin-left: 72px;
} }
.system-note { .system-note {
background-color: $white-light; background-color: $white;
padding: $gl-padding; padding: $gl-padding;
} }
} }
...@@ -506,7 +506,7 @@ $note-form-margin-left: 72px; ...@@ -506,7 +506,7 @@ $note-form-margin-left: 72px;
// Fixes subpixel rounding issue https://gitlab.com/gitlab-org/gitlab-foss/issues/53973 // Fixes subpixel rounding issue https://gitlab.com/gitlab-org/gitlab-foss/issues/53973
// background-color is needed for dark code preference // background-color is needed for dark code preference
padding-bottom: 1px; padding-bottom: 1px;
background-color: $white-light; background-color: $white;
&.parallel { &.parallel {
border-width: 1px; border-width: 1px;
...@@ -517,7 +517,7 @@ $note-form-margin-left: 72px; ...@@ -517,7 +517,7 @@ $note-form-margin-left: 72px;
} }
.notes { .notes {
background-color: $white-light; background-color: $white;
} }
a code { a code {
...@@ -561,7 +561,7 @@ $note-form-margin-left: 72px; ...@@ -561,7 +561,7 @@ $note-form-margin-left: 72px;
.code-commit .notes-content, .code-commit .notes-content,
.diff-viewer > .image ~ .note-container { .diff-viewer > .image ~ .note-container {
background-color: $white-light; background-color: $white;
.avatar-note-form-holder { .avatar-note-form-holder {
.user-avatar-link img { .user-avatar-link img {
...@@ -827,7 +827,7 @@ $note-form-margin-left: 72px; ...@@ -827,7 +827,7 @@ $note-form-margin-left: 72px;
&.discussion-locked { &.discussion-locked {
border: 0; border: 0;
background-color: $white-light; background-color: $white;
} }
a:not(.learn-more) { a:not(.learn-more) {
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
width: 100%; width: 100%;
border: 1px solid $border-color; border: 1px solid $border-color;
border-radius: $border-radius; border-radius: $border-radius;
background-color: $white-light; background-color: $white;
&:hover { &:hover {
background-color: $gray-darker; background-color: $gray-darker;
...@@ -675,7 +675,7 @@ ...@@ -675,7 +675,7 @@
&.ci-action-icon-wrapper { &.ci-action-icon-wrapper {
height: 30px; height: 30px;
width: 30px; width: 30px;
background: $white-light; background: $white;
border: 1px solid $border-color; border: 1px solid $border-color;
border-radius: 100%; border-radius: 100%;
display: block; display: block;
...@@ -768,7 +768,7 @@ ...@@ -768,7 +768,7 @@
@mixin mini-pipeline-item() { @mixin mini-pipeline-item() {
border-radius: 100px; border-radius: 100px;
background-color: $white-light; background-color: $white;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
width: $ci-action-icon-size; width: $ci-action-icon-size;
...@@ -852,7 +852,7 @@ button.mini-pipeline-graph-dropdown-toggle { ...@@ -852,7 +852,7 @@ button.mini-pipeline-graph-dropdown-toggle {
height: $ci-action-dropdown-button-size; height: $ci-action-dropdown-button-size;
width: $ci-action-dropdown-button-size; width: $ci-action-dropdown-button-size;
background: $white-light; background: $white;
border: 1px solid $border-color; border: 1px solid $border-color;
border-radius: 50%; border-radius: 50%;
display: block; display: block;
...@@ -977,7 +977,7 @@ button.mini-pipeline-graph-dropdown-toggle { ...@@ -977,7 +977,7 @@ button.mini-pipeline-graph-dropdown-toggle {
&::after { &::after {
left: -5px; left: -5px;
border-width: 10px 7px 10px 0; border-width: 10px 7px 10px 0;
border-right-color: $white-light; border-right-color: $white;
} }
} }
...@@ -1012,7 +1012,7 @@ button.mini-pipeline-graph-dropdown-toggle { ...@@ -1012,7 +1012,7 @@ button.mini-pipeline-graph-dropdown-toggle {
&::after { &::after {
margin-top: 1px; margin-top: 1px;
border-bottom-color: $white-light; border-bottom-color: $white;
} }
/** /**
......
...@@ -428,7 +428,7 @@ table.u2f-registrations { ...@@ -428,7 +428,7 @@ table.u2f-registrations {
} }
.gitlab-slack-well { .gitlab-slack-well {
background-color: $white-light; background-color: $white;
box-shadow: none; box-shadow: none;
max-width: $add-to-slack-well-max-width; max-width: $add-to-slack-well-max-width;
} }
......
...@@ -542,7 +542,7 @@ ...@@ -542,7 +542,7 @@
.input-group-text { .input-group-text {
width: 100%; width: 100%;
background-color: $white-light; background-color: $white;
} }
.selected-icon { .selected-icon {
...@@ -655,7 +655,7 @@ ...@@ -655,7 +655,7 @@
z-index: 10; z-index: 10;
padding: $gl-padding-8 0; padding: $gl-padding-8 0;
text-align: center; text-align: center;
background-color: $white-light; background-color: $white;
color: $gl-text-color-tertiary; color: $gl-text-color-tertiary;
transform: translateY(-50%); transform: translateY(-50%);
font-size: 12px; font-size: 12px;
...@@ -821,7 +821,7 @@ ...@@ -821,7 +821,7 @@
.repository-languages-bar { .repository-languages-bar {
height: 8px; height: 8px;
margin-bottom: $gl-padding-8; margin-bottom: $gl-padding-8;
background-color: $white-light; background-color: $white;
border-radius: $border-radius-default; border-radius: $border-radius-default;
.progress-bar { .progress-bar {
...@@ -1150,7 +1150,7 @@ pre.light-well { ...@@ -1150,7 +1150,7 @@ pre.light-well {
.form-control { .form-control {
@extend .monospace; @extend .monospace;
background-color: $white-light; background-color: $white;
border-color: $border-color; border-color: $border-color;
font-size: 14px; font-size: 14px;
margin-left: -1px; margin-left: -1px;
...@@ -1181,7 +1181,7 @@ pre.light-well { ...@@ -1181,7 +1181,7 @@ pre.light-well {
} }
i:nth-child(2) { i:nth-child(2) {
color: $white-light; color: $white;
} }
} }
...@@ -1385,7 +1385,7 @@ pre.light-well { ...@@ -1385,7 +1385,7 @@ pre.light-well {
padding: 32px; padding: 32px;
margin: 32px; margin: 32px;
border-radius: 3px; border-radius: 3px;
background-color: $white-light; background-color: $white;
h3 { h3 {
margin-top: 0; margin-top: 0;
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
} }
&.sortable-chosen .draggable-panel { &.sortable-chosen .draggable-panel {
background: $white-light; background: $white;
box-shadow: 0 0 4px $gray-500; box-shadow: 0 0 4px $gray-500;
} }
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
.draggable-remove-link { .draggable-remove-link {
cursor: pointer; cursor: pointer;
color: $gray-600; color: $gray-600;
background-color: $white-light; background-color: $white;
} }
} }
} }
......
.runner-state { .runner-state {
padding: 6px 12px; padding: 6px 12px;
margin-right: 10px; margin-right: 10px;
color: $white-light; color: $white;
&.runner-state-shared { &.runner-state-shared {
background: $green-400; background: $green-400;
......
...@@ -63,7 +63,7 @@ input[type='checkbox']:hover { ...@@ -63,7 +63,7 @@ input[type='checkbox']:hover {
margin-left: 5px; margin-left: 5px;
line-height: 25px; line-height: 25px;
width: 98%; width: 98%;
color: $white-light; color: $white;
background: none; background: none;
transition: color ease-in-out $default-transition-duration; transition: color ease-in-out $default-transition-duration;
} }
......
...@@ -261,7 +261,7 @@ ...@@ -261,7 +261,7 @@
} }
.card-header .label-count { .card-header .label-count {
color: $white-light; color: $white;
background: $common-gray-dark; background: $common-gray-dark;
} }
...@@ -325,7 +325,7 @@ ...@@ -325,7 +325,7 @@
.saml-settings.info-well { .saml-settings.info-well {
.form-control[readonly] { .form-control[readonly] {
background: $white-light; background: $white;
} }
} }
...@@ -340,7 +340,7 @@ ...@@ -340,7 +340,7 @@
a { a {
font-weight: $gl-font-weight-bold; font-weight: $gl-font-weight-bold;
color: $white-light; color: $white;
} }
} }
...@@ -355,7 +355,7 @@ ...@@ -355,7 +355,7 @@
} }
.btn-clipboard { .btn-clipboard {
background-color: $white-light; background-color: $white;
border: 1px solid $gray-200; border: 1px solid $gray-200;
} }
...@@ -368,7 +368,7 @@ ...@@ -368,7 +368,7 @@
.mirror-error-badge { .mirror-error-badge {
background-color: $red-400; background-color: $red-400;
border-radius: $border-radius-default; border-radius: $border-radius-default;
color: $white-light; color: $white;
} }
.push-pull-table { .push-pull-table {
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
} }
&.todo-pending.done-reversible { &.todo-pending.done-reversible {
background-color: $white-light; background-color: $white;
&:hover { &:hover {
border-color: $white-normal; border-color: $white-normal;
......
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
border-top: 1px solid $white-normal; border-top: 1px solid $white-normal;
&:last-of-type { &:last-of-type {
border-bottom-color: $white-light; border-bottom-color: $white;
} }
td, td,
......
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
} }
strong { strong {
color: $white-light; color: $white;
} }
table { table {
......
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
} }
.blob-viewer { .blob-viewer {
background-color: $white-light; background-color: $white;
text-align: left; text-align: left;
} }
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
.btn-group { .btn-group {
a.btn { a.btn {
background-color: $white-light; background-color: $white;
text-decoration: none; text-decoration: none;
padding: 8px 9px; padding: 8px 9px;
border: $border-style; border: $border-style;
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
.cur { .cur {
.avatar { .avatar {
@include disable-all-animation; @include disable-all-animation;
border: 1px solid $white-light; border: 1px solid $white;
} }
} }
......
.tribute-container { .tribute-container {
background: $white-light; background: $white;
border: 1px solid $gl-gray-100; border: 1px solid $gl-gray-100;
border-radius: $border-radius-base; border-radius: $border-radius-base;
box-shadow: 0 0 5px $issue-boards-card-shadow; box-shadow: 0 0 5px $issue-boards-card-shadow;
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
.avatar { .avatar {
@include disable-all-animation; @include disable-all-animation;
border: 1px solid $white-light; border: 1px solid $white;
} }
small { small {
......
...@@ -217,6 +217,7 @@ class Admin::ApplicationSettingsController < Admin::ApplicationController ...@@ -217,6 +217,7 @@ class Admin::ApplicationSettingsController < Admin::ApplicationController
:lets_encrypt_terms_of_service_accepted, :lets_encrypt_terms_of_service_accepted,
:domain_blacklist_file, :domain_blacklist_file,
:raw_blob_request_limit, :raw_blob_request_limit,
:namespace_storage_size_limit,
disabled_oauth_sign_in_sources: [], disabled_oauth_sign_in_sources: [],
import_sources: [], import_sources: [],
repository_storages: [], repository_storages: [],
......
...@@ -337,6 +337,10 @@ class ApplicationSetting < ApplicationRecord ...@@ -337,6 +337,10 @@ class ApplicationSetting < ApplicationRecord
length: { maximum: 255 }, length: { maximum: 255 },
allow_blank: true allow_blank: true
validates :namespace_storage_size_limit,
presence: true,
numericality: { only_integer: true, greater_than_or_equal_to: 0 }
attr_encrypted :asset_proxy_secret_key, attr_encrypted :asset_proxy_secret_key,
mode: :per_attribute_iv, mode: :per_attribute_iv,
key: Settings.attr_encrypted_db_key_base_truncated, key: Settings.attr_encrypted_db_key_base_truncated,
......
...@@ -111,6 +111,7 @@ module ApplicationSettingImplementation ...@@ -111,6 +111,7 @@ module ApplicationSettingImplementation
sourcegraph_url: nil, sourcegraph_url: nil,
sourcegraph_public_only: true, sourcegraph_public_only: true,
minimum_password_length: DEFAULT_MINIMUM_PASSWORD_LENGTH, minimum_password_length: DEFAULT_MINIMUM_PASSWORD_LENGTH,
namespace_storage_size_limit: 0,
terminal_max_session_time: 0, terminal_max_session_time: 0,
throttle_authenticated_api_enabled: false, throttle_authenticated_api_enabled: false,
throttle_authenticated_api_period_in_seconds: 3600, throttle_authenticated_api_period_in_seconds: 3600,
......
...@@ -36,7 +36,7 @@ Access the default page for admin area settings by navigating to ...@@ -36,7 +36,7 @@ Access the default page for admin area settings by navigating to
| [Slack application](../../../user/project/integrations/gitlab_slack_application.md#configuration) **(FREE ONLY)** | Slack integration allows you to interact with GitLab via slash commands in a chat window. This option is only available on GitLab.com, though it may be [available for self-managed instances in the future](https://gitlab.com/gitlab-org/gitlab/-/issues/28164). | | [Slack application](../../../user/project/integrations/gitlab_slack_application.md#configuration) **(FREE ONLY)** | Slack integration allows you to interact with GitLab via slash commands in a chat window. This option is only available on GitLab.com, though it may be [available for self-managed instances in the future](https://gitlab.com/gitlab-org/gitlab/-/issues/28164). |
| [Third party offers](third_party_offers.md) | Control the display of third party offers. | | [Third party offers](third_party_offers.md) | Control the display of third party offers. |
| [Snowplow](../../../telemetry/index.md#enabling-tracking) | Configure the Snowplow integration. | | [Snowplow](../../../telemetry/index.md#enabling-tracking) | Configure the Snowplow integration. |
| [Amazon EKS](../../project/clusters/add_remove_clusters.md#additional-requirements-for-self-managed-instances-core-only) | Amazon EKS integration allows you to provision EKS clusters from GitLab. | | [Amazon EKS](../../project/clusters/add_new_eks_cluster.md#additional-requirements-for-self-managed-instances-core-only) | Amazon EKS integration allows you to provision EKS clusters from GitLab. |
## Repository ## Repository
......
This diff is collapsed.
# Adding a new GKE Cluster
## GKE requirements
Before creating your first cluster on Google GKE with GitLab's integration, make sure the following
requirements are met:
- A [billing account](https://cloud.google.com/billing/docs/how-to/manage-billing-account)
set up with access.
- The Kubernetes Engine API and related service are enabled. It should work immediately but may
take up to 10 minutes after you create a project. For more information see the
["Before you begin" section of the Kubernetes Engine docs](https://cloud.google.com/kubernetes-engine/docs/quickstart#before-you-begin).
## New GKE cluster
Starting from [GitLab 12.4](https://gitlab.com/gitlab-org/gitlab/issues/25925), all the GKE clusters
provisioned by GitLab are [VPC-native](https://cloud.google.com/kubernetes-engine/docs/how-to/alias-ips).
### Important notes
Note the following:
- The [Google authentication integration](../../../integration/google.md) must be enabled in GitLab
at the instance level. If that's not the case, ask your GitLab administrator to enable it. On
GitLab.com, this is enabled.
- Starting from [GitLab 12.1](https://gitlab.com/gitlab-org/gitlab-foss/issues/55902), all GKE clusters
created by GitLab are RBAC-enabled. Take a look at the [RBAC section](add_remove_clusters.md#rbac-cluster-resources) for
more information.
- Starting from [GitLab 12.5](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/18341), the
cluster's pod address IP range will be set to /16 instead of the regular /14. /16 is a CIDR
notation.
- GitLab requires basic authentication enabled and a client certificate issued for the cluster to
set up an [initial service account](add_remove_clusters.md#access-controls). Starting from [GitLab
11.10](https://gitlab.com/gitlab-org/gitlab-foss/issues/58208), the cluster creation process will
explicitly request that basic authentication and client certificate is enabled.
### Creating the cluster on GKE
To create and add a new Kubernetes cluster to your project, group, or instance:
1. Navigate to your:
- Project's **Operations > Kubernetes** page, for a project-level cluster.
- Group's **Kubernetes** page, for a group-level cluster.
- **Admin Area > Kubernetes** page, for an instance-level cluster.
1. Click **Add Kubernetes cluster**.
1. Under the **Create new cluster** tab, click **Google GKE**.
1. Connect your Google account if you haven't done already by clicking the
**Sign in with Google** button.
1. Choose your cluster's settings:
- **Kubernetes cluster name** - The name you wish to give the cluster.
- **Environment scope** - The [associated environment](index.md#setting-the-environment-scope-premium) to this cluster.
- **Google Cloud Platform project** - Choose the project you created in your GCP
console that will host the Kubernetes cluster. Learn more about
[Google Cloud Platform projects](https://cloud.google.com/resource-manager/docs/creating-managing-projects).
- **Zone** - Choose the [region zone](https://cloud.google.com/compute/docs/regions-zones/)
under which the cluster will be created.
- **Number of nodes** - Enter the number of nodes you wish the cluster to have.
- **Machine type** - The [machine type](https://cloud.google.com/compute/docs/machine-types)
of the Virtual Machine instance that the cluster will be based on.
- **Enable Cloud Run for Anthos** - Check this if you want to use Cloud Run for Anthos for this cluster.
See the [Cloud Run for Anthos section](#cloud-run-for-anthos) for more information.
- **GitLab-managed cluster** - Leave this checked if you want GitLab to manage namespaces and service accounts for this cluster.
See the [Managed clusters section](index.md#gitlab-managed-clusters) for more information.
1. Finally, click the **Create Kubernetes cluster** button.
After a couple of minutes, your cluster will be ready to go. You can now proceed
to install some [pre-defined applications](index.md#installing-applications).
### Cloud Run for Anthos
> [Introduced](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/16566) in GitLab 12.4.
You can choose to use Cloud Run for Anthos in place of installing Knative and Istio
separately after the cluster has been created. This means that Cloud Run
(Knative), Istio, and HTTP Load Balancing will be enabled on the cluster at
create time and cannot be [installed or uninstalled](../../clusters/applications.md) separately.
--- ---
redirect_to: '../add_remove_clusters.md#existing-eks-cluster' redirect_to: '../add_new_eks_cluster.md#existing-eks-cluster'
--- ---
This document was moved to [another location](../add_remove_clusters.md#existing-eks-cluster). This document was moved to [another location](../add_new_eks_cluster.md#existing-eks-cluster).
...@@ -104,6 +104,22 @@ describe Admin::ApplicationSettingsController do ...@@ -104,6 +104,22 @@ describe Admin::ApplicationSettingsController do
expect(ApplicationSetting.current.minimum_password_length).to eq(10) expect(ApplicationSetting.current.minimum_password_length).to eq(10)
end end
it 'updates namespace_storage_size_limit setting' do
put :update, params: { application_setting: { namespace_storage_size_limit: '100' } }
expect(response).to redirect_to(general_admin_application_settings_path)
expect(response).to set_flash[:notice].to('Application settings saved successfully')
expect(ApplicationSetting.current.namespace_storage_size_limit).to eq(100)
end
it 'does not accept an invalid namespace_storage_size_limit' do
put :update, params: { application_setting: { namespace_storage_size_limit: '-100' } }
expect(response).to render_template(:general)
expect(assigns(:application_setting).errors[:namespace_storage_size_limit]).to be_present
expect(ApplicationSetting.current.namespace_storage_size_limit).not_to eq(-100)
end
context 'external policy classification settings' do context 'external policy classification settings' do
let(:settings) do let(:settings) do
{ {
......
...@@ -82,6 +82,11 @@ describe ApplicationSetting do ...@@ -82,6 +82,11 @@ describe ApplicationSetting do
it { is_expected.not_to allow_value('abc').for(:minimum_password_length) } it { is_expected.not_to allow_value('abc').for(:minimum_password_length) }
it { is_expected.to allow_value(10).for(:minimum_password_length) } it { is_expected.to allow_value(10).for(:minimum_password_length) }
it { is_expected.to allow_value(0).for(:namespace_storage_size_limit) }
it { is_expected.to allow_value(1).for(:namespace_storage_size_limit) }
it { is_expected.not_to allow_value(nil).for(:namespace_storage_size_limit) }
it { is_expected.not_to allow_value(-1).for(:namespace_storage_size_limit) }
context 'grafana_url validations' do context 'grafana_url validations' do
before do before do
subject.instance_variable_set(:@parsed_grafana_url, nil) subject.instance_variable_set(:@parsed_grafana_url, nil)
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment