Skip to content

G
gitlab-ce
Commit 0b72554c authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray
Browse files
Options

Finish refactoring grays

parent e4a00047
Show whitespace changes
Inline Side-by-side
Showing with 110 additions and 135 deletions
app/assets/stylesheets/framework/awards.scss
View file @ 0b72554c
......@@ -12,8 +12,8 @@
z-index: 9;
width: 300px;
font-size: 14px;
background-color: $award-emoji-menu-bg;
border: 1px solid $award-emoji-menu-border;
background-color: $white-light;
border: 1px solid $border-white-light;
border-radius: $border-radius-base;
box-shadow: 0 6px 12px $award-emoji-menu-shadow;
pointer-events: none;
......@@ -135,7 +135,7 @@
}
.award-control-icon {
color: $award-emoji-new-btn-icon-color;
color: $border-gray-normal;
margin-top: 1px;
}
}
app/assets/stylesheets/framework/blocks.scss
View file @ 0b72554c
......@@ -24,7 +24,7 @@
.row-content-block {
margin-top: 0;
margin-bottom: -$gl-padding;
background-color: $background-color;
background-color: $gray-light;
padding: $gl-padding;
margin-bottom: 0;
border-top: 1px solid $white-dark;
......@@ -118,7 +118,7 @@
.cover-block {
text-align: center;
background: $background-color;
background: $gray-light;
padding-top: 44px;
position: relative;
......
app/assets/stylesheets/framework/buttons.scss
View file @ 0b72554c
......@@ -88,11 +88,11 @@
}
@mixin btn-gray {
@include btn-color($gray-light, $border-gray-light, $gray-normal, $border-gray-normal, $gray-dark, $border-gray-dark, $gl-gray-dark);
@include btn-color($gray-light, $border-gray-normal, $gray-normal, $border-gray-normal, $gray-dark, $border-gray-dark, $gl-gray-dark);
}
@mixin btn-white {
@include btn-color($white-light, $border-color, $white-normal, $border-white-normal, $white-dark, $border-white-dark, $gl-text-color);
@include btn-color($white-light, $border-color, $white-normal, $border-white-normal, $white-dark, $border-gray-dark, $gl-text-color);
}
@mixin btn-with-margin {
......@@ -289,7 +289,7 @@
.active {
box-shadow: $gl-btn-active-background;
border: 1px solid $border-white-dark !important;
border: 1px solid $border-gray-dark !important;
background-color: $btn-active-gray-light !important;
}
}
......@@ -310,7 +310,7 @@
padding: 6px 16px;
border-color: $border-color;
color: $gray-darkest;
background-color: $background-color;
background-color: $gray-light;
&:hover,
&:active,
......@@ -319,7 +319,7 @@
box-shadow: none;
border-color: $border-color;
color: $gray-darkest;
background-color: $background-color;
background-color: $gray-light;
}
}
......@@ -344,8 +344,8 @@
}
.btn-static {
background-color: $background-color !important;
border: 1px solid $border-gray-light;
background-color: $gray-light !important;
border: 1px solid $border-gray-normal;
cursor: default;
&:active {
......
app/assets/stylesheets/framework/callout.scss
View file @ 0b72554c
......@@ -11,7 +11,7 @@
padding: $gl-padding;
border-left: 3px solid $border-color;
color: $text-color;
background: $background-color;
background: $gray-light;
}
.bs-callout h4 {
......
app/assets/stylesheets/framework/dropdowns.scss
View file @ 0b72554c
......@@ -34,7 +34,7 @@
.dropdown-toggle {
padding: 6px 8px 6px 10px;
background-color: $dropdown-toggle-bg;
background-color: $white-light;
color: $gl-text-color;
font-size: 14px;
text-align: left;
......@@ -609,7 +609,7 @@
}
.ui-datepicker-unselectable {
background-color: $calendar-unselectable-bg;
background-color: $gray-light;
}
}
......
app/assets/stylesheets/framework/files.scss
View file @ 0b72554c
......@@ -19,7 +19,7 @@
.file-title {
position: relative;
background-color: $background-color;
background-color: $gray-light;
border-bottom: 1px solid $border-color;
margin: 0;
text-align: left;
......
app/assets/stylesheets/framework/forms.scss
View file @ 0b72554c
......@@ -22,7 +22,7 @@ input[type='text'].danger {
margin-top: 0;
margin-bottom: -$gl-padding;
padding: $gl-padding;
background-color: $background-color;
background-color: $gray-light;
border-top: 1px solid $border-color;
}
......
app/assets/stylesheets/framework/header.scss
View file @ 0b72554c
......@@ -9,7 +9,7 @@ header {
&.navbar-empty {
height: $header-height;
background: $white-light;
border-bottom: 1px solid $btn-gray-hover;
border-bottom: 1px solid $white-normal;
.center-logo {
margin: 8px 0;
......@@ -27,7 +27,7 @@ header {
z-index: 100;
margin-bottom: 0;
height: $header-height;
background-color: $background-color;
background-color: $gray-light;
border: none;
border-bottom: 1px solid $border-color;
......@@ -62,7 +62,7 @@ header {
&:hover,
&:focus,
&:active {
background-color: $background-color;
background-color: $gray-light;
color: darken($gl-gray-light, 30%);
.todos-pending-count {
......@@ -84,7 +84,7 @@ header {
padding: 6px 10px;
&:hover {
background-color: $btn-gray-hover;
background-color: $white-normal;
}
&.active {
......@@ -100,10 +100,10 @@ header {
font-size: 18px;
padding: 6px 10px;
border: none;
background-color: $background-color;
background-color: $gray-light;
&:hover {
background-color: $btn-gray-hover;
background-color: $white-normal;
}
}
}
......
app/assets/stylesheets/framework/images.scss
View file @ 0b72554c
......@@ -4,7 +4,7 @@
}
.appearance-light-logo-preview {
background-color: $background-color;
background-color: $gray-light;
max-width: 72px;
padding: 10px;
margin-bottom: 10px;
......
app/assets/stylesheets/framework/lists.scss
View file @ 0b72554c
......@@ -36,7 +36,7 @@
color: $list-warning-row-color;
}
&.smoke { background-color: $background-color; }
&.smoke { background-color: $gray-light; }
&:not(.ui-sort-disabled):hover {
background: $row-hover;
......@@ -46,7 +46,7 @@
border-bottom: none;
&.bottom {
background: $background-color;
background: $gray-light;
}
}
......@@ -59,7 +59,7 @@
p {
padding-top: 1px;
margin: 0;
color: $gray-dark;
color: $white-normal;
img {
position: relative;
......@@ -113,7 +113,7 @@ ul.content-list {
padding: 0;
li {
border-color: $table-border-color;
border-color: $white-normal;
font-size: $list-font-size;
color: $list-text-color;
......@@ -186,7 +186,7 @@ ul.content-list {
&.list-placeholder {
background-color: $gray-light;
border: dotted 1px $gray-dark;
border: dotted 1px $white-normal;
margin: 1px 0;
min-height: 52px;
}
......
app/assets/stylesheets/framework/markdown_area.scss
View file @ 0b72554c
......@@ -114,7 +114,7 @@
// Border around images in issue and MR comments.
img:not(.emoji) {
border: 1px solid $table-border-gray;
border: 1px solid $white-normal;
padding: 5px;
margin: 5px 0;
// Ensure that image does not exceed viewport
......
app/assets/stylesheets/framework/nav.scss
View file @ 0b72554c
......@@ -87,10 +87,10 @@
&.sub-nav {
text-align: center;
background-color: $dark-background-color;
background-color: $gray-normal;
.container-fluid {
background-color: $dark-background-color;
background-color: $gray-normal;
margin-bottom: 0;
}
......@@ -117,7 +117,7 @@
.top-area {
@include clearfix;
border-bottom: 1px solid $btn-gray-hover;
border-bottom: 1px solid $white-normal;
.nav-text {
padding-top: 16px;
......@@ -289,7 +289,7 @@
top: $header-height;
width: 100%;
z-index: 11;
background: $background-color;
background: $gray-light;
border-bottom: 1px solid $border-color;
transition: padding $sidebar-transition-duration;
text-align: center;
......@@ -352,7 +352,7 @@
}
.fade-right {
@include fade(left, $background-color);
@include fade(left, $gray-light);
right: -5px;
.fa {
......@@ -361,7 +361,7 @@
}
.fade-left {
@include fade(right, $background-color);
@include fade(right, $gray-light);
left: -5px;
.fa {
......@@ -372,7 +372,7 @@
&.sub-nav-scroll {
.fade-right {
@include fade(left, $dark-background-color);
@include fade(left, $gray-normal);
right: 0;
.fa {
......@@ -381,7 +381,7 @@
}
.fade-left {
@include fade(right, $dark-background-color);
@include fade(right, $gray-normal);
left: 0;
.fa {
......
app/assets/stylesheets/framework/selects.scss
View file @ 0b72554c
......@@ -39,7 +39,7 @@
}
&:hover {
background-color: $gray-dark;
background-color: $white-normal;
border-color: $border-white-normal;
color: $gl-text-color;
}
......@@ -108,7 +108,7 @@
border-color: $input-border;
color: $gl-text-color;
line-height: 15px;
background-color: $background-color;
background-color: $gray-light;
background-image: none;
.select2-search-choice-close {
......
app/assets/stylesheets/framework/sidebar.scss
View file @ 0b72554c
......@@ -23,7 +23,7 @@
.sidebar-wrapper {
z-index: 1000;
background: $background-color;
background: $gray-light;
.nicescroll-rails-hr {
// TODO: Figure out why nicescroll doesn't hide horizontal bar
......
app/assets/stylesheets/framework/tables.scss
View file @ 0b72554c
......@@ -31,7 +31,7 @@ table {
}
th {
background-color: $background-color;
background-color: $gray-light;
font-weight: normal;
border-bottom: none;
......@@ -41,7 +41,7 @@ table {
}
td {
border-color: $table-border-color;
border-color: $white-normal;
}
}
}
......
app/assets/stylesheets/framework/timeline.scss
View file @ 0b72554c
......@@ -6,7 +6,7 @@
.timeline-entry {
padding: $gl-padding $gl-btn-padding 11px;
border-color: $table-border-color;
border-color: $white-normal;
color: $gl-gray;
border-bottom: 1px solid $border-white-light;
......
app/assets/stylesheets/framework/tw_bootstrap_variables.scss
View file @ 0b72554c
......@@ -78,7 +78,7 @@ $pagination-active-bg: $white-light;
$pagination-active-border: $border-color;
$pagination-disabled-color: #cdcdcd;
$pagination-disabled-bg: $background-color;
$pagination-disabled-bg: $gray-light;
$pagination-disabled-border: $border-color;
......@@ -117,8 +117,8 @@ $alert-border-radius: 0;
$panel-border-radius: 2px;
$panel-default-text: $text-color;
$panel-default-border: $border-color;
$panel-default-heading-bg: $background-color;
$panel-footer-bg: $background-color;
$panel-default-heading-bg: $gray-light;
$panel-footer-bg: $gray-light;
$panel-inner-border: $border-color;
//== Wells
......@@ -153,8 +153,8 @@ $nav-link-padding: 13px $gl-padding;
//== Code
//
//##
$pre-bg: $background-color !default;
$pre-bg: $gray-light !default;
$pre-color: $gl-gray !default;
$pre-border-color: $border-color;
$table-bg-accent: $background-color;
$table-bg-accent: $gray-light;
app/assets/stylesheets/framework/variables.scss
View file @ 0b72554c
......@@ -17,14 +17,13 @@ $darken-dark-factor: 10%;
$darken-border-factor: 5%;
$white-light: #fff;
$white-normal: darken($white-light, $darken-normal-factor);
$white-dark: darken($white-light, $darken-dark-factor);
$white-normal: #f0f0f0;
$white-dark: #eaeaea;
$gray-lightest: #fdfdfd;
$gray-light: #fafafa;
$gray-lighter: #f9f9f9;
$gray-normal: darken($gray-light, $darken-normal-factor);
$gray-dark: darken($gray-light, $darken-dark-factor);
$gray-normal: #f5f5f5;
$gray-darker: #eee;
$gray-darkest: #c4c4c4;
......@@ -55,11 +54,9 @@ $black-transparent: rgba(0, 0, 0, 0.3);
$border-white-light: darken($white-light, $darken-border-factor);
$border-white-normal: darken($white-normal, $darken-border-factor);
$border-white-dark: darken($white-dark, $darken-border-factor);
$border-gray-light: darken($gray-light, $darken-border-factor);
$border-gray-normal: darken($gray-normal, $darken-border-factor);
$border-gray-dark: darken($gray-dark, $darken-border-factor);
$border-gray-dark: darken($white-normal, $darken-border-factor);
$border-green-extra-light: #9adb84;
$border-green-light: darken($green-light, $darken-border-factor);
......@@ -78,9 +75,6 @@ $border-red-light: darken($red-light, $darken-border-factor);
$border-red-normal: darken($red-normal, $darken-border-factor);
$border-red-dark: darken($red-dark, $darken-border-factor);
$help-well-bg: $gray-light;
$help-well-border: #e5e5e5;
$warning-message-bg: #fbf2d9;
$warning-message-color: #9e8e60;
$warning-message-border: #f0e2bb;
......@@ -90,9 +84,6 @@ $warning-message-border: #f0e2bb;
*/
$border-color: #e5e5e5;
$focus-border-color: #3aabf0;
$table-border-color: #f0f0f0;
$background-color: $gray-light;
$dark-background-color: #f5f5f5;
$well-expand-item: #e8f2f7;
$well-inner-border: #eef0f2;
$well-light-border: #f1f1f1;
......@@ -166,7 +157,6 @@ $fixed-layout-width: 1280px;
$error-exclamation-point: #e62958;
$border-radius-default: 2px;
$settings-icon-size: 18px;
$provider-btn-group-border: #e5e5e5;
$provider-btn-not-active-color: #4688f1;
$link-underline-blue: #4a8bee;
$active-item-blue: #4a8bee;
......@@ -241,8 +231,6 @@ $line-removed-dark: #fac5cd;
$line-number-old: #f9d7dc;
$line-number-new: #ddfbe6;
$line-number-select: #fbf2da;
$match-line: $gray-light;
$table-border-gray: #f0f0f0;
$line-target-blue: #f6faff;
$line-select-yellow: #fcf8e7;
$line-select-yellow-dark: #f0e2bd;
......@@ -252,7 +240,6 @@ $file-mode-changed: #777;
$file-mode-changed: #777;
$diff-image-bg: #ddd;
$diff-image-info-color: grey;
$diff-image-img-bg: #e5e5e5;
$diff-swipe-border: #999;
$diff-view-modes-color: grey;
$diff-view-modes-border: #c1c1c1;
......@@ -280,10 +267,7 @@ $dropdown-input-focus-border: $focus-border-color;
$dropdown-input-focus-shadow: rgba($dropdown-input-focus-border, .4);
$dropdown-loading-bg: rgba(#fff, .6);
$dropdown-chevron-size: 10px;
$dropdown-toggle-bg: #fff;
$dropdown-toggle-border-color: #e5e5e5;
$dropdown-toggle-active-border-color: darken($dropdown-toggle-border-color, 14%);
$dropdown-toggle-active-border-color: darken($border-color, 14%);
/*
......@@ -291,15 +275,11 @@ $dropdown-toggle-active-border-color: darken($dropdown-toggle-border-color, 14%)
*/
$btn-active-gray: #ececec;
$btn-active-gray-light: e4e7ed;
$btn-gray-hover: #eee;
/*
* Award emoji
*/
$award-emoji-menu-bg: #fff;
$award-emoji-menu-border: #f1f2f4;
$award-emoji-menu-shadow: rgba(0,0,0,.175);
$award-emoji-new-btn-icon-color: #dcdcdc;
/*
* Search Box
......@@ -307,7 +287,6 @@ $award-emoji-new-btn-icon-color: #dcdcdc;
$search-input-border-color: rgba(#4688f1, .8);
$search-input-focus-shadow-color: $dropdown-input-focus-shadow;
$search-input-width: 220px;
$location-badge-bg: $dark-background-color;
$location-badge-active-bg: #4f91f8;
$location-icon-color: #e7e9ed;
......@@ -316,9 +295,7 @@ $location-icon-color: #e7e9ed;
*/
$notes-light-color: #8e8e8e;
$notes-role-color: #8e8e8e;
$notes-role-border-color: #e4e4e4;
$note-disabled-comment-color: #b2b2b2;
$note-form-border-color: #e5e5e5;
$note-targe3-outside: #fffff0;
$note-targe3-inside: #ffffd3;
$note-line2-border: #ddd;
......@@ -334,7 +311,6 @@ $zen-control-color: #555;
*/
$calendar-hover-bg: #ecf3fe;
$calendar-border-color: rgba(#000, .1);
$calendar-unselectable-bg: $gray-light;
$calendar-user-contrib-text: #959494;
/*
......@@ -445,7 +421,6 @@ $help-shortcut-header-color: #333;
/*
* Issues
*/
$issues-border: #e5e5e5;
$issues-today-bg: #f3fff2;
$issues-today-border: #e1e8d5;
......
app/assets/stylesheets/framework/wells.scss
View file @ 0b72554c
.info-well {
background: $background-color;
background: $gray-light;
color: $gl-gray;
border: 1px solid $border-color;
border-radius: $border-radius-default;
......@@ -45,7 +45,7 @@
}
.light-well {
background-color: $background-color;
background-color: $gray-light;
padding: 15px;
}
......
app/assets/stylesheets/highlight/white.scss
View file @ 0b72554c
......@@ -69,14 +69,14 @@ $white-gc-bg: #eaf2f5;
@mixin matchLine {
color: $black-transparent;
background-color: $match-line;
background-color: $gray-light;
}
.code.white {
// Line numbers
.line-numbers,
.diff-line-num {
background-color: $background-color;
background-color: $gray-light;
}
.diff-line-num,
......@@ -87,7 +87,7 @@ $white-gc-bg: #eaf2f5;
// Code itself
pre.code,
.diff-line-num {
border-color: $table-border-gray;
border-color: $white-normal;
}
&,
......
app/assets/stylesheets/mailers/highlighted_diff_email.scss
View file @ 0b72554c
......@@ -91,9 +91,9 @@ $highlighted-gc-bg: #eaf2f5;
padding: 0 5px;
text-align: right;
width: 35px;
background-color: $background-color;
background-color: $gray-light;
color: $black-transparent;
border-right: 1px solid $table-border-gray;
border-right: 1px solid $white-normal;
&.old {
background-color: $line-number-old;
......@@ -130,7 +130,7 @@ $highlighted-gc-bg: #eaf2f5;
&.match {
color: $black-transparent;
background-color: $match-line;
background-color: $gray-light;
}
}
......
app/assets/stylesheets/pages/boards.scss
View file @ 0b72554c
......@@ -98,7 +98,7 @@
.board-inner {
height: 100%;
font-size: $issue-boards-font-size;
background: $background-color;
background: $gray-light;
border: 1px solid $border-color;
border-radius: $border-radius-default;
}
......
app/assets/stylesheets/pages/builds.scss
View file @ 0b72554c
......@@ -42,7 +42,7 @@
}
.environment-information {
background-color: $background-color;
background-color: $gray-light;
border: 1px solid $border-color;
padding: 12px $gl-padding;
border-radius: $border-radius-default;
......
app/assets/stylesheets/pages/commits.scss
View file @ 0b72554c
......@@ -7,7 +7,7 @@
.commit-header {
padding: 5px 10px;
background-color: $background-color;
background-color: $gray-light;
border-top: 1px solid $gray-darker;
border-bottom: 1px solid $gray-darker;
font-size: 14px;
......@@ -117,7 +117,7 @@
.commit-row-description {
font-size: 14px;
border-left: 1px solid $btn-gray-hover;
border-left: 1px solid $white-normal;
padding: 10px 15px;
margin: 10px 0;
background: $gray-light;
......
app/assets/stylesheets/pages/diff.scss
View file @ 0b72554c
......@@ -11,7 +11,7 @@
.diff-header {
position: relative;
background: $background-color;
background: $gray-light;
border-bottom: 1px solid $border-color;
padding: 10px 16px;
color: $gl-diff-text-color;
......@@ -38,7 +38,7 @@
cursor: pointer;
&:hover {
background-color: $dark-background-color;
background-color: $gray-normal;
}
.diff-toggle-caret {
......@@ -187,8 +187,8 @@
img {
border: 1px solid $white-light;
background-image: linear-gradient(45deg, $diff-image-img-bg 25%, transparent 25%, transparent 75%, $diff-image-img-bg 75%, $diff-image-img-bg 100%),
linear-gradient(45deg, $diff-image-img-bg 25%, transparent 25%, transparent 75%, $diff-image-img-bg 75%, $diff-image-img-bg 100%);
background-image: linear-gradient(45deg, $border-color 25%, transparent 25%, transparent 75%, $border-color 75%, $border-color 100%),
linear-gradient(45deg, $border-color 25%, transparent 25%, transparent 75%, $border-color 75%, $border-color 100%);
background-size: 10px 10px;
background-position: 0 0, 5px 5px;
max-width: 100%;
......
app/assets/stylesheets/pages/editor.scss
View file @ 0b72554c
......@@ -10,7 +10,7 @@
}
.ace_gutter-cell {
background-color: $background-color;
background-color: $gray-light;
}
.cancel-btn {
......@@ -34,7 +34,7 @@
}
.editor-ref {
background: $background-color;
background: $gray-light;
padding-right: $gl-padding;
border-right: 1px solid $border-color;
display: block;
......
app/assets/stylesheets/pages/events.scss
View file @ 0b72554c
......@@ -5,7 +5,7 @@
.event-item {
font-size: $gl-font-size;
padding: $gl-padding-top 0 $gl-padding-top ($gl-avatar-size + $gl-padding-top);
border-bottom: 1px solid $table-border-color;
border-bottom: 1px solid $white-normal;
color: $list-text-color;
&.event-inline {
......
app/assets/stylesheets/pages/help.scss
View file @ 0b72554c
......@@ -60,7 +60,7 @@
// Border around images in the help pages.
img:not(.emoji) {
border: 1px solid $table-border-gray;
border: 1px solid $white-normal;
padding: 5px;
margin: 5px;
max-height: calc(100vh - 100px);
......
app/assets/stylesheets/pages/issuable.scss
View file @ 0b72554c
......@@ -7,7 +7,7 @@
// Border around images in issue and MR descriptions.
.description img:not(.emoji) {
border: 1px solid $table-border-gray;
border: 1px solid $white-normal;
padding: 5px;
margin: 5px;
max-height: calc(100vh - 100px);
......@@ -51,7 +51,7 @@
.block {
@include clearfix;
padding: $gl-padding 0;
border-bottom: 1px solid $border-gray-light;
border-bottom: 1px solid $border-gray-normal;
// This prevents the mess when resizing the sidebar
// of elements repositioning themselves..
width: $gutter_inner_width;
......@@ -178,7 +178,7 @@
.gutter-toggle {
margin-top: 7px;
border-left: 1px solid $border-gray-light;
border-left: 1px solid $border-gray-normal;
}
.assignee .avatar {
......@@ -216,7 +216,7 @@
}
.participants {
border-bottom: 1px solid $border-gray-light;
border-bottom: 1px solid $border-gray-normal;
}
.hide-collapsed {
......
app/assets/stylesheets/pages/issues.scss
View file @ 0b72554c
......@@ -88,12 +88,12 @@ ul.related-merge-requests > li {
&.closed {
background: $gray-light;
border-color: $issues-border;
border-color: $border-color;
}
&.merged {
background: $gray-light;
border-color: $issues-border;
border-color: $border-color;
}
}
......@@ -144,7 +144,7 @@ ul.related-merge-requests > li {
}
.btn {
background-color: $background-color;
border: 1px solid $border-gray-light;
background-color: $gray-light;
border: 1px solid $border-gray-normal;
}
}
app/assets/stylesheets/pages/merge_conflicts.scss
View file @ 0b72554c
......@@ -274,7 +274,7 @@ $colors: (
}
.discard-changes-alert {
background-color: $background-color;
background-color: $gray-light;
text-align: right;
padding: $gl-padding-top $gl-padding;
color: $gl-text-color;
......
app/assets/stylesheets/pages/merge_requests.scss
View file @ 0b72554c
......@@ -3,7 +3,7 @@
*
*/
.mr-state-widget {
background: $background-color;
background: $gray-light;
color: $gl-gray;
border: 1px solid $border-color;
border-radius: 2px;
......@@ -375,7 +375,7 @@
}
.mr-version-controls {
background: $background-color;
background: $gray-light;
border-bottom: 1px solid $border-color;
color: $gl-text-color;
......
app/assets/stylesheets/pages/note_form.scss
View file @ 0b72554c
......@@ -62,7 +62,7 @@
.common-note-form {
.md-area {
padding: $gl-padding-top $gl-padding;
border: 1px solid $note-form-border-color;
border: 1px solid $border-color;
border-radius: $border-radius-base;
transition: border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
......
app/assets/stylesheets/pages/notes.scss
View file @ 0b72554c
......@@ -166,7 +166,7 @@ ul.notes {
.note {
display: block;
position: relative;
border-bottom: 1px solid $table-border-gray;
border-bottom: 1px solid $white-normal;
&.note-discussion {
&.timeline-entry {
......@@ -291,14 +291,14 @@ ul.notes {
font-family: $regular_font;
td {
border: 1px solid $table-border-gray;
border: 1px solid $white-normal;
border-left: none;
&.notes_line {
vertical-align: middle;
text-align: center;
padding: 10px 0;
background: $background-color;
background: $gray-light;
color: $text-color;
}
......@@ -309,7 +309,7 @@ ul.notes {
}
&.notes_content {
background-color: $background-color;
background-color: $gray-light;
border-width: 1px 0;
padding: 0;
vertical-align: top;
......@@ -448,7 +448,7 @@ ul.notes {
color: $notes-role-color;
font-size: 12px;
line-height: 20px;
border: 1px solid $notes-role-border-color;
border: 1px solid $border-color;
border-radius: $border-radius-base;
}
......@@ -529,7 +529,7 @@ ul.notes {
.line-resolve-all {
display: inline-block;
padding: 5px 10px;
background-color: $background-color;
background-color: $gray-light;
border: 1px solid $border-color;
border-radius: $border-radius-default;
......
app/assets/stylesheets/pages/pipelines.scss
View file @ 0b72554c
......@@ -289,7 +289,7 @@
// Pipeline visualization
.toggle-pipeline-btn {
background-color: $gray-dark;
background-color: $white-normal;
&.graph-collapsed {
background-color: $white-light;
......@@ -298,7 +298,7 @@
.pipeline-graph {
width: 100%;
background-color: $background-color;
background-color: $gray-light;
padding: $gl-padding;
overflow: auto;
white-space: nowrap;
......
app/assets/stylesheets/pages/profile.scss
View file @ 0b72554c
......@@ -60,8 +60,8 @@
.account-well {
padding: 10px;
background-color: $help-well-bg;
border: 1px solid $help-well-border;
background-color: $gray-light;
border: 1px solid $border-color;
border-radius: $border-radius-base;
ul {
......@@ -136,7 +136,7 @@
.provider-btn-group {
display: inline-block;
margin-right: 10px;
border: 1px solid $provider-btn-group-border;
border: 1px solid $border-color;
border-radius: 3px;
&:last-child {
......@@ -147,7 +147,7 @@
.provider-btn-image {
display: inline-block;
padding: 5px 10px;
border-right: 1px solid $provider-btn-group-border;
border-right: 1px solid $border-color;
> img {
width: 20px;
......
app/assets/stylesheets/pages/projects.scss
View file @ 0b72554c
......@@ -420,13 +420,13 @@ a.deploy-project-label {
width: 100px;
height: 100px;
background-color: $gray-light;
border: 1px solid $gray-dark;
border: 1px solid $white-normal;
margin: 0 auto;
border-radius: 50%;
i {
font-size: 100px;
color: $gray-dark;
color: $white-normal;
}
}
......@@ -536,7 +536,7 @@ a.deploy-project-label {
}
li.missing {
border: 1px dashed $border-gray-light;
border: 1px dashed $border-gray-normal;
border-radius: $border-radius-default;
a {
......@@ -591,7 +591,7 @@ pre.light-well {
@include basic-list;
.project-row {
border-color: $table-border-color;
border-color: $white-normal;
.project-full-name {
@include str-truncated;
......@@ -643,7 +643,7 @@ pre.light-well {
&.container-fluid {
padding-top: 12px;
padding-bottom: 12px;
background-color: $background-color;
background-color: $gray-light;
border: 1px solid $border-color;
border-right-width: 0;
border-left-width: 0;
......
app/assets/stylesheets/pages/search.scss
View file @ 0b72554c
......@@ -53,7 +53,7 @@
font-style: normal;
color: $note-disabled-comment-color;
display: inline-block;
background-color: $location-badge-bg;
background-color: $gray-normal;
vertical-align: top;
cursor: default;
}
......
app/assets/stylesheets/pages/snippets.scss
View file @ 0b72554c
......@@ -30,7 +30,7 @@
}
.project-snippets .awards {
border-bottom: 1px solid $table-border-color;
border-bottom: 1px solid $white-normal;
padding-bottom: $gl-padding;
}
......
app/assets/stylesheets/pages/tree.scss
View file @ 0b72554c
......@@ -20,8 +20,8 @@
margin-bottom: 0;
tr {
border-bottom: 1px solid $table-border-gray;
border-top: 1px solid $table-border-gray;
border-bottom: 1px solid $white-normal;
border-top: 1px solid $white-normal;
td,
th {
......@@ -39,7 +39,7 @@
.commit-history-link-spacer {
margin: 0 10px;
color: $table-border-color;
color: $white-normal;
}
&:hover {
......@@ -53,7 +53,7 @@
&.selected {
td {
background: $gray-dark;
background: $white-normal;
border-top: 1px solid $border-gray-dark;
border-bottom: 1px solid $border-gray-dark;
}
......@@ -134,7 +134,7 @@
.blob-commit-info {
list-style: none;
padding: $gl-padding;
background: $background-color;
background: $gray-light;
border: 1px solid $border-color;
border-bottom: none;
margin: 0;
......
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
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7