@@ -650,9 +650,9 @@ Vue.component('project-card', {
[[ project.summary | truncate(500) ]]
-
View Project
-
View Bounty
-
+ View Project
+ View Bounty
+
@@ -792,8 +792,8 @@ Vue.component('suggested-profile', {
- following
- follow
+ following
+ follow
diff --git a/app/assets/v2/js/wallet.js b/app/assets/v2/js/wallet.js
index 6b90be1b223..1b366f09f1c 100644
--- a/app/assets/v2/js/wallet.js
+++ b/app/assets/v2/js/wallet.js
@@ -207,7 +207,7 @@ function createImg(source) {
if (!imgProvider) {
imgProvider = document.createElement('img');
imgProvider.classList.add('image-provider');
- elem.appendChild(imgProvider);
+ elem.insertBefore(imgProvider, icon);
}
if (!source) {
diff --git a/app/assets/v2/scss/activity_stream.scss b/app/assets/v2/scss/activity_stream.scss
index fa7edc0c36a..440055752d9 100644
--- a/app/assets/v2/scss/activity_stream.scss
+++ b/app/assets/v2/scss/activity_stream.scss
@@ -179,6 +179,10 @@ a .sup {
max-height: 100px;
}
+.activity_stream .content img.logo-metacard {
+ max-width: 105px;
+}
+
.comment_container li{
text-align: left;
list-style: none;
@@ -360,14 +364,14 @@ iframe.popout{
display: none;
}
-.infinite-more-link {
- position: absolute;
- bottom: 10px;
- text-align: center;
- width: 50%;
- border: 1px solid;
- margin-left: 25%;
-}
+// .infinite-more-link {
+// position: absolute;
+// bottom: 10px;
+// text-align: center;
+// width: 50%;
+// border: 1px solid;
+// margin-left: 25%;
+// }
.dark-mode .activity_stream .activity_detail .tag {
background-color: var(--gc-blue);
diff --git a/app/assets/v2/scss/all-variables.scss b/app/assets/v2/scss/all-variables.scss
new file mode 100644
index 00000000000..2e3f35ab49f
--- /dev/null
+++ b/app/assets/v2/scss/all-variables.scss
@@ -0,0 +1,5 @@
+@import "./lib/bootstrap/functions";
+@import "./lib/bootstrap/variables";
+@import "./lib/bootstrap/mixins";
+// overwrite variables in this file
+@import "./lib/bootstrap-overwrites";
\ No newline at end of file
diff --git a/app/assets/v2/scss/base.scss b/app/assets/v2/scss/base.scss
index 85f6c25f53d..98bcddc7b6b 100644
--- a/app/assets/v2/scss/base.scss
+++ b/app/assets/v2/scss/base.scss
@@ -25,9 +25,6 @@ span {
word-wrap: break-word;
}
-a {
- color: var(--link-color);
-}
.cursor-pointer {
cursor: pointer !important;
@@ -41,32 +38,6 @@ a {
background-size: cover;
}
-.navbar-dark .navbar-nav .nav-link {
- border-radius: 2px;
- color: white;
-}
-
-.navbar .interior .dropdown-item {
- color: black !important;
- font-size: 0.9rem;
-}
-
-.navbar .interior .dropdown-item:hover {
- color: white !important;
-}
-
-.navbar .interior .dropdown-item:hover img{
- filter: invert(100%);
-}
-.navbar .interior .dropdown-item:hover i{
- color: white;
-}
-
-#navbarSupportedContent {
- padding-top: 2px;
- padding-bottom: 2px;
-}
-
.navbar-nav .btn-gc-blue {
margin-right: 1rem;
font-size: 0.9rem;
@@ -81,32 +52,6 @@ a {
max-height: 88vh;
}
-.nav_avatar,
-.navbar__cta,
-.nav-item.dropdown,
-.navbar-nav .nav-link {
- margin-top: auto;
- margin-bottom: auto;
-}
-
-.nav-link.login i {
- font-size: 1.5em;
- position: relative;
- top: 3px;
- margin-right: 10px;
-}
-
-.navbar-nav .nav-link:hover {
- background-color: rgba(255, 255, 255, 0.2);
-}
-
-.navbar-nav a.nav-link.selected {
- color: #4aeaa7 !important;
-}
-
-.navbar a.slack i {
- margin-right: 3px;
-}
.navbar-network {
border: 1px solid #828282;
@@ -261,50 +206,50 @@ p a {
float:right;
}
-.btn-warning,
-.btn-success,
-.btn-info {
- padding: 0.4rem 1.4rem;
- font-size: 1.25rem;
- border: 2px solid #15003e;
- transition: none;
-}
-
-.btn-warning:hover,
-.btn-success:hover,
-.btn-info {
- cursor: pointer;
-}
-
-.btn-info:hover {
- background-color: #15003e;
- border-color: #15003e;
- color: #f9006c;
-}
-
-.btn-warning {
- color: #15003e;
-}
-
-.btn {
- cursor: pointer;
-}
-
-.btn-warning:hover {
- background-color: #15003e;
- border-color: #15003e;
- color: #ffce08;
-}
-
-.btn-success {
- color: #15003e;
-}
-
-.btn-success:hover {
- background-color: #15003e;
- border-color: #15003e;
- color: #25e899;
-}
+// .btn-warning,
+// .btn-success,
+// .btn-info {
+// padding: 0.4rem 1.4rem;
+// font-size: 1.25rem;
+// border: 2px solid #15003e;
+// transition: none;
+// }
+
+// .btn-warning:hover,
+// .btn-success:hover,
+// .btn-info {
+// cursor: pointer;
+// }
+
+// .btn-info:hover {
+// background-color: #15003e;
+// border-color: #15003e;
+// color: #f9006c;
+// // }
+
+// .btn-warning {
+// color: #15003e;
+// }
+
+// .btn {
+// cursor: pointer;
+// }
+
+// .btn-warning:hover {
+// background-color: #15003e;
+// border-color: #15003e;
+// color: #ffce08;
+// }
+
+// .btn-success {
+// color: #15003e;
+// }
+
+// .btn-success:hover {
+// background-color: #15003e;
+// border-color: #15003e;
+// color: #25e899;
+// }
.link-current {
color: currentColor;
@@ -709,7 +654,7 @@ input[type=text].loading {
}
#gitcoin_buttons .btn {
- font-weight: bold;
+ // font-weight: bold;
margin: 10px;
}
@@ -982,7 +927,6 @@ input.is-invalid {
color: white;
padding: 5px 10px;
border-radius: 2px;
- margin-bottom: 15px;
display: block;
text-align: center;
}
diff --git a/app/assets/v2/scss/buttons.scss b/app/assets/v2/scss/buttons.scss
index 04f1d3a420a..e4ecd5caef3 100644
--- a/app/assets/v2/scss/buttons.scss
+++ b/app/assets/v2/scss/buttons.scss
@@ -285,7 +285,7 @@ button:focus {
}
.btn-radio.active {
- border-color: #3E00FF;
+ border-color: #6F3FF5;
}
.btn-radio i {
@@ -305,5 +305,6 @@ button:focus {
.btn-gc-grey:not(:disabled):not(.disabled).active {
color: white;
- background-color: #5300ff;
+ background-color: #6f3ef5;
+ border-color: #6F3FF5;
}
diff --git a/app/assets/v2/scss/colors.scss b/app/assets/v2/scss/colors.scss
index 0d3f67beb79..cfe838bf456 100644
--- a/app/assets/v2/scss/colors.scss
+++ b/app/assets/v2/scss/colors.scss
@@ -1,7 +1,7 @@
html {
--gc-light-blue: #16a8d5;
- --gc-blue: #3E00FF;
- --gc-blue-hover: #5b24ff;
+ --gc-blue: #6F3FF5;
+ --gc-blue-hover: #5932C4;
--gc-purple: #0D0764;
--gc-purple-hover: #0b0d9d;
--gc-green: #0FCE7C;
@@ -36,8 +36,8 @@ html {
--main-bg: #eff3f6;
--form-input-bg: white;
--form-input-color: rgba(0, 0, 0, 0.38);
- --button-radio-icon-color: #3e00ff;
- --link-color: #3e00ff;
+ --button-radio-icon-color: #6F3FF5;
+ --link-color: #6F3FF5;
--townsquare-link-color: black;
--townsquare-block-header-color: #626365;
--active-button-border-color: var(--link-color);
@@ -48,8 +48,8 @@ html {
/* @media screen and (prefers-color-scheme: dark) { */
html.dark-mode {
--gc-light-blue: #16a8d5;
- --gc-blue: #3E00FF;
- --gc-blue-hover: #5b24ff;
+ --gc-blue: #6F3FF5;
+ --gc-blue-hover: #5932C4;
--gc-purple: #0D0764;
--gc-purple-hover: #0b0d9d;
--gc-green: #0FCE7C;
diff --git a/app/assets/v2/scss/gc-mixins.scss b/app/assets/v2/scss/gc-mixins.scss
new file mode 100644
index 00000000000..b3e717162b7
--- /dev/null
+++ b/app/assets/v2/scss/gc-mixins.scss
@@ -0,0 +1,8 @@
+// import this variable set into every .scss file which will use variables
+@import "./lib/bootstrap/functions";
+@import "./lib/bootstrap/variables";
+@import "./lib/bootstrap/mixins";
+// overwrite bootstrap variables in this file
+@import "./lib/bootstrap-overwrites";
+// extra utilities
+@import "./gc-utilities";
diff --git a/app/assets/v2/scss/gc-utilities.scss b/app/assets/v2/scss/gc-utilities.scss
new file mode 100644
index 00000000000..5dfa12e6045
--- /dev/null
+++ b/app/assets/v2/scss/gc-utilities.scss
@@ -0,0 +1,3 @@
+.hover-underline:not(:disabled):not(.disabled):not(.active):hover {
+ text-decoration: underline!important
+}
diff --git a/app/assets/v2/scss/gc-variables.scss b/app/assets/v2/scss/gc-variables.scss
new file mode 100644
index 00000000000..5ac50762a70
--- /dev/null
+++ b/app/assets/v2/scss/gc-variables.scss
@@ -0,0 +1,76 @@
+// GC colors
+$gc-purple: #0D0764;
+$gc-grey: #EEEEEE;
+
+// GC colors and shades
+$gc-violet-500: #5932C4;
+$gc-violet-400: #6F3FF5;
+$gc-violet-300: #8C65F7;
+$gc-violet-200: #c9b8ff;
+$gc-violet-100: #F0EBFF;
+
+$gc-teal-500: #11BC92;
+$gc-teal-400: #02E2AC;
+$gc-teal-300: #5BF1CD;
+$gc-teal-200: #b3ffed;
+$gc-teal-100: #E6FFF9;
+
+$gc-pink-500: #D44D6E;
+$gc-pink-400: #F3587D;
+$gc-pink-300: #F579A6;
+$gc-pink-200: #faadbf;
+$gc-pink-100: #FDDEE5;
+
+$gc-yellow-500: #E1B815;
+$gc-yellow-400: #FFCC00;
+$gc-yellow-300: #FFDB4C;
+$gc-yellow-200: #ffeea8;
+$gc-yellow-100: #FFF8DB;
+
+// Bootstrap color overrides
+$blue: $gc-violet-400;
+$green: $gc-teal-400;
+$pink: $gc-pink-400;
+$yellow: $gc-yellow-400;
+$primary: $blue;
+$secondary: $green;
+$dark: $gc-purple;
+$light: $gc-grey;
+
+// Link color overrides
+$link-color: $gc-violet-400;
+$link-hover-color: $gc-violet-500;
+
+// Dropdown overrides
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $gc-violet-400;
+$dropdown-link-active-color: $white;
+$dropdown-link-active-bg: $gc-violet-500;
+
+// Nav-pills overrides
+$nav-pills-link-active-color: $white;
+$nav-pills-link-active-bg: $blue;
+
+// Font overrides
+$font-family-base: 'Libre Franklin', sans-serif;
+$headings-font-family: 'Miriam Libre', sans-serif;
+$enable-responsive-font-sizes: true;
+$font-size-base: 0.85rem;
+$dropdown-font-size: 0.8rem;
+$btn-font-size: 0.8rem;
+
+// Button overrides
+$input-btn-focus-width: 0.1rem;
+
+$border-radius: 4px;
+$border-radius-lg: 6px;
+$border-radius-sm: 2px;
+
+$btn-font-size-lg: 1rem;
+$btn-line-height-lg: 2;
+
+$btn-font-size-sm: 0.7rem;
+$btn-line-height-sm: 2;
+
+$modal-backdrop-bg: $black;
+$modal-backdrop-opacity: 0.7;
diff --git a/app/assets/v2/scss/gitcoin.scss b/app/assets/v2/scss/gitcoin.scss
index 1e1ee7711e4..7bfd46f9c45 100644
--- a/app/assets/v2/scss/gitcoin.scss
+++ b/app/assets/v2/scss/gitcoin.scss
@@ -1,16 +1,3 @@
-body {
- overflow-x: hidden;
- width: 100%;
- background-color: #fff;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-h4,
-.h4 {
- padding-top: 40px;
-}
-
#indicate-popup {
position: fixed;
top: 0.25rem;
@@ -24,10 +11,6 @@ h4,
z-index: 2;
}
-.lighter {
- font-weight: lighter;
-}
-
.no-gutter {
margin-right: 0;
margin-left: 0;
@@ -64,18 +47,6 @@ h4,
color: lightgray !important;
}
-.header {
- background-image: url(static('v2/images/header-bg.png'));
- background-color: #0d023b;
- background-size: cover;
- background-position: 0px 0px;
- background-repeat: no-repeat;
- position: relative;
-}
-
-.index .header {
- overflow: hidden;
-}
.minihero {
overflow: hidden;
@@ -88,27 +59,11 @@ h4,
color: var(--gc-green);
}
-.header.dash {
- overflow: visible;
-}
-
.header-contributor {
background-image: url(static('v2/images/landing/contributor/hero_header_bg.jpg'));
background-color: #3f00ff;
}
-.gitcoin-background {
- background: url(static("v2/images/header-bg.png")) #0d023b;
- background-attachment: fixed;
- background-position: center 0;
-}
-
-.dropdown-toggle::after {
- position: relative;
- top: 2px;
- right: -4px;
-}
-
.text-white {
color: #ffffff;
}
@@ -193,37 +148,6 @@ h4,
letter-spacing: 0.5rem;
}
-div.button-pink {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- color: #f9006c;
- font-size: 0.95rem;
- font-weight: bold;
- line-height: 42px;
- text-transform: uppercase;
- background: none;
- width: 130px;
- height: 39px;
- border-radius: 19px;
- border: 3px solid #f9006c;
- letter-spacing: 0.1em;
-}
-
-.git-pill {
- background-color: #0d023b;
- border-radius: 1.2rem;
- padding-left: 0.95rem;
- padding-right: 0.95rem;
- height: 2rem;
-}
-
-.git-pill span {
- position: relative;
- top: 2px;
- left: 2px;
-}
.header-line {
color: #12c971;
@@ -243,7 +167,6 @@ div.button-pink {
}
.subheader-line {
- color: #fff;
font-size: 1.5em;
font-weight: 500;
}
@@ -399,6 +322,14 @@ div.button-pink {
text-decoration: underline;
}
+.footer__notification {
+ margin-top: -64px;
+}
+
+.left-0 {
+ left: 0px;
+}
+
.footer {
background-color: #0d023b;
padding-top: 4rem;
@@ -418,17 +349,6 @@ div.button-pink {
top: -10px
}
-.nav-link:visited {
- color: #eff4ee;
-}
-
-.navbar-expand-md .navbar-nav .nav-link {
- color: #eff4ee;
- text-decoration: none;
- padding-right: 1rem;
- padding-left: 1rem;
- font-size: 0.9rem;
-}
.footer .nav-link:hover {
border-radius: 2px;
@@ -591,10 +511,10 @@ div.button-pink {
padding: 12px 25px;
}
-.dropdown-menu .dropdown-item:hover {
- background-color: #3E00FF;
- color: #FFFFFF !important;
-}
+// .dropdown-menu .dropdown-item:hover {
+// background-color: #3E00FF;
+// color: #FFFFFF !important;
+// }
#why-gitcoin .dropdown-item {
padding-left: 15px;
@@ -623,6 +543,10 @@ div.button-pink {
left: 5rem;
}
+.navbar {
+ min-height: 66px;
+}
+
@media (max-width: 389.9px) {
.footer__main {
@@ -632,10 +556,12 @@ div.button-pink {
}
@media (max-width: 767.98px) {
+ .navbar {
+ padding: 1rem 1rem;
+ }
.navbar-collapse {
margin-top: 1.5rem;
}
-
#indicate-popup {
display: none;
}
@@ -655,8 +581,8 @@ div.button-pink {
}
.navbar-expand-md .navbar-nav .nav-link {
- padding-left: 0.7rem;
- padding-right: 0.7rem;
+ padding-left: 0.4rem;
+ padding-right: 0.4rem;
}
}
@@ -711,7 +637,7 @@ div.button-pink {
}
#codefund .cf-wrapper {
- font-family: 'Muli', sans-serif !important;
+ font-family: 'Libre Franklin', sans-serif !important;
text-align: center !important;
}
@@ -951,6 +877,10 @@ textarea.status-textarea {
vertical-align: top;
}
+.provider-icon {
+ width: 1.25em;
+}
+
.wallet-network {
margin-top: -14px;
position: absolute;
diff --git a/app/assets/v2/scss/grants/detail.scss b/app/assets/v2/scss/grants/detail.scss
index 6952b7ec5a8..7a4be791f47 100644
--- a/app/assets/v2/scss/grants/detail.scss
+++ b/app/assets/v2/scss/grants/detail.scss
@@ -32,7 +32,7 @@
}
.ql-editor {
- font-family: 'Muli', sans-serif;
+ font-family: 'Libre Franklin', sans-serif;
}
.ql-editor[contenteditable="false"] {
diff --git a/app/assets/v2/scss/grants/grant.scss b/app/assets/v2/scss/grants/grant.scss
index a09c39efc8f..e24aa6df68b 100644
--- a/app/assets/v2/scss/grants/grant.scss
+++ b/app/assets/v2/scss/grants/grant.scss
@@ -464,27 +464,18 @@
.grants_type_nav a.selected {
font-weight: bold;
border-bottom: none;
- padding-bottom: 6px;
-}
-
-.grants_keyword_nav a:hover {
- border-bottom: 1.5px solid black;
- padding-bottom: 4px;
-}
-
-.grants_keyword_nav a.selected:hover {
- border-color: #3E00FF;
}
.grants_nav a {
color: #333333;
margin-right: 30px;
cursor: pointer;
+ max-width: 185px;
}
.grants_nav a:hover {
- text-shadow: 0 0 .01px black, 0 0 .01px black, 0 0 .01px black;
- text-decoration: none;
+ text-shadow: 0.1px 0.1px 0 currentColor;
+ text-decoration: underline;
}
.grants-search .select2-selection__arrow {
@@ -492,8 +483,7 @@
}
.grants_nav .selected {
- font-weight: 1000;
- color: #3f24f9 !important;
+ text-shadow: 0.2px 0.2px 0 currentColor;
}
.arrow_box {
diff --git a/app/assets/v2/scss/home.scss b/app/assets/v2/scss/home.scss
index f1f227811bb..09f9af3ff45 100644
--- a/app/assets/v2/scss/home.scss
+++ b/app/assets/v2/scss/home.scss
@@ -1,5 +1,5 @@
.navbar {
- background-color: #0d023b;
+ // background-color: #0d023b;
}
.banner {
@@ -121,16 +121,16 @@
font-size: 12px;
}
-.navbar .interior .dropdown-item:hover span {
- color: #fff;
-}
+// .navbar .interior .dropdown-item:hover span {
+// color: #fff;
+// }
-.navbar .nav-link:hover,
-.navbar .nav-link:active {
- border-bottom: 3px solid #fff;
- border-radius: 0;
- background-color: transparent;
-}
+// .navbar .nav-link:hover,
+// .navbar .nav-link:active {
+// border-bottom: 3px solid #fff;
+// border-radius: 0;
+// background-color: transparent;
+// }
.banner__h2 {
font-size: 2.4rem;
@@ -138,7 +138,7 @@
}
.homepage .banner #fund-issue {
- border: 2px solid #3E00FF;
+ // border: 2px solid #3E00FF;
}
.optimize_oss p,
@@ -478,12 +478,12 @@ figure:hover::before {
}
}
-@media (min-width: 992px) {
- .mx-auto .nav-item {
- margin-left: 0.75rem;
- margin-right: 0.75rem;
- }
-}
+// @media (min-width: 992px) {
+// .mx-auto .nav-item {
+// margin-left: 0.75rem;
+// margin-right: 0.75rem;
+// }
+// }
@media (max-width: 1024px) {
diff --git a/app/assets/v2/scss/landing_page.scss b/app/assets/v2/scss/landing_page.scss
index 16cf2ec388d..718f43212aa 100644
--- a/app/assets/v2/scss/landing_page.scss
+++ b/app/assets/v2/scss/landing_page.scss
@@ -54,7 +54,7 @@ body.funder-page {
}
#landing_page_wrapper {
- overflow-y: scroll;
+ // overflow-y: scroll;
background-color: #F9F9F9;
}
@@ -576,10 +576,10 @@ body.funder-page {
}
.navbar:not(.following) .btn {
- background: transparent;
+ // background: transparent;
}
.navbar:not(.following) .btn:hover {
- background-color: rgba(255, 255, 255, 0.2);
+ // background-color: rgba(255, 255, 255, 0.2);
}
@keyframes rotate-blades {
diff --git a/app/assets/v2/scss/landingpage/breakpoints.scss b/app/assets/v2/scss/landingpage/breakpoints.scss
index 8163c8fa03d..140118c1ffc 100644
--- a/app/assets/v2/scss/landingpage/breakpoints.scss
+++ b/app/assets/v2/scss/landingpage/breakpoints.scss
@@ -3,6 +3,7 @@ $laptop: "(max-width: 1312px)";
$tablet: "(max-width: 992px)";
$phone: "(max-width: 748px)";
$small: "(max-width: 600px)";
+$smaller: "(max-width: 330px)";
@media #{$desktop} {
@@ -35,5 +36,11 @@ $small: "(max-width: 600px)";
}
}
+@media #{$smaller} {
+ :root{
+ --device: "smaller";
+ }
+}
+
diff --git a/app/assets/v2/scss/landingpage/logo.scss b/app/assets/v2/scss/landingpage/logo.scss
index 410b2547783..d1ad8faaca2 100644
--- a/app/assets/v2/scss/landingpage/logo.scss
+++ b/app/assets/v2/scss/landingpage/logo.scss
@@ -1,25 +1,27 @@
-#logo{
+#logo {
position: absolute;
margin-left: -1.5em;
left: 3em;
- img{
+ img {
width: 8.7rem;
}
}
-
-
-
@media #{$tablet} {
- #logo{
+ #logo {
margin-left: -0.5em;
left: 2em;
- img{
+ img {
width: 10rem;
min-width: 150px;
}
-
}
}
+
+@media #{$smaller} {
+ #logo {
+ margin-top: 1em;
+ }
+}
\ No newline at end of file
diff --git a/app/assets/v2/scss/leaderboard.scss b/app/assets/v2/scss/leaderboard.scss
index 44dcf788561..b273fe1fe80 100644
--- a/app/assets/v2/scss/leaderboard.scss
+++ b/app/assets/v2/scss/leaderboard.scss
@@ -55,7 +55,7 @@
border-radius: 50%;
}
-tbody, a {
+tbody, td {
color: #5C5D5F
}
diff --git a/app/assets/v2/scss/lib/bootstrap-overwrites.scss b/app/assets/v2/scss/lib/bootstrap-overwrites.scss
new file mode 100644
index 00000000000..e1672150f7b
--- /dev/null
+++ b/app/assets/v2/scss/lib/bootstrap-overwrites.scss
@@ -0,0 +1,18 @@
+// Gitcoins shared variable set...
+@import "../gc-variables";
+
+$primary: $gc-violet-400;
+$success: $gc-teal-500;
+$danger: $gc-pink-500;
+
+$theme-colors: (
+ "primary": $gc-violet-400,
+ "secondary": $secondary,
+ "success": $success,
+ "info": $info,
+ "warning": $warning,
+ "danger": $danger,
+ "light": $light,
+ "dark": $dark
+);
+
diff --git a/app/assets/v2/scss/lib/bootstrap.scss b/app/assets/v2/scss/lib/bootstrap.scss
new file mode 100644
index 00000000000..9927515cac3
--- /dev/null
+++ b/app/assets/v2/scss/lib/bootstrap.scss
@@ -0,0 +1,37 @@
+// import all variables and mixins used by bootstrap + gitcoin
+@import "../gc-mixins";
+// import the rest of the bootstrap
+@import "./bootstrap/root";
+@import "./bootstrap/reboot";
+@import "./bootstrap/type";
+@import "./bootstrap/images";
+@import "./bootstrap/code";
+@import "./bootstrap/grid";
+@import "./bootstrap/tables";
+@import "./bootstrap/forms";
+@import "./bootstrap/buttons";
+@import "./bootstrap/transitions";
+@import "./bootstrap/dropdown";
+@import "./bootstrap/button-group";
+@import "./bootstrap/input-group";
+@import "./bootstrap/custom-forms";
+@import "./bootstrap/nav";
+@import "./bootstrap/navbar";
+@import "./bootstrap/card";
+@import "./bootstrap/breadcrumb";
+@import "./bootstrap/pagination";
+@import "./bootstrap/badge";
+@import "./bootstrap/jumbotron";
+@import "./bootstrap/alert";
+@import "./bootstrap/progress";
+@import "./bootstrap/media";
+@import "./bootstrap/list-group";
+@import "./bootstrap/close";
+@import "./bootstrap/toasts";
+@import "./bootstrap/modal";
+@import "./bootstrap/tooltip";
+@import "./bootstrap/popover";
+@import "./bootstrap/carousel";
+@import "./bootstrap/spinners";
+@import "./bootstrap/utilities";
+@import "./bootstrap/print";
diff --git a/app/assets/v2/scss/lib/index.scss b/app/assets/v2/scss/lib/index.scss
index 6ce8f0fbf3b..aa68f9eb970 100644
--- a/app/assets/v2/scss/lib/index.scss
+++ b/app/assets/v2/scss/lib/index.scss
@@ -1,5 +1,9 @@
// bootstrap and bootstrap-vue must be included within the same context
-@import './bootstrap/bootstrap.scss';
-@import './bootstrap-vue/index.scss';
+@import 'bootstrap';
+
+@import 'bootstrap-vue/index';
+
+@import 'vue-select/vue-select';
+
+@import 'typography';
-@import './vue-select/vue-select.scss';
diff --git a/app/assets/v2/scss/lib/typography.scss b/app/assets/v2/scss/lib/typography.scss
index 6f5820f365d..e395481487e 100644
--- a/app/assets/v2/scss/lib/typography.scss
+++ b/app/assets/v2/scss/lib/typography.scss
@@ -1,53 +1,147 @@
-/* muli-200 - latin */
+/* libre-franklin-200 - latin-ext_latin */
@font-face {
- font-family: 'Muli';
+ font-family: 'Libre Franklin';
font-style: normal;
font-weight: 200;
- src: local('Muli ExtraLight'), local('Muli-ExtraLight'),
- url('/static/v2/fonts/muli/muli-v12-latin-200.woff2') format('woff2'),
- url('/static/v2/fonts/muli/muli-v12-latin-200.woff') format('woff'),
- url('/static/v2/fonts/muli/muli-v12-latin-200.ttf') format('truetype');
+ src: url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200.woff') format('woff'), /* Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}
-/* muli-regular - latin */
+/* libre-franklin-regular - latin-ext_latin */
@font-face {
- font-family: 'Muli';
+ font-family: 'Libre Franklin';
font-style: normal;
font-weight: 400;
- src: local('Muli Regular'), local('Muli-Regular'),
- url('/static/v2/fonts/muli/muli-v12-latin-regular.woff2') format('woff2'),
- url('/static/v2/fonts/muli/muli-v12-latin-regular.woff') format('woff'),
- url('/static/v2/fonts/muli/muli-v12-latin-regular.ttf') format('truetype');
+ src: url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-regular.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}
-/* muli-600 - latin */
+/* libre-franklin-600 - latin-ext_latin */
@font-face {
- font-family: 'Muli';
+ font-family: 'Libre Franklin';
font-style: normal;
font-weight: 600;
- src: local('Muli SemiBold'), local('Muli-SemiBold'),
- url('/static/v2/fonts/muli/muli-v12-latin-600.woff2') format('woff2'),
- url('/static/v2/fonts/muli/muli-v12-latin-600.woff') format('woff'),
- url('/static/v2/fonts/muli/muli-v12-latin-600.ttf') format('truetype');
+ src: url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}
-/* muli-700 - latin */
+/* libre-franklin-800 - latin-ext_latin */
@font-face {
- font-family: 'Muli';
+ font-family: 'Libre Franklin';
font-style: normal;
- font-weight: 700;
- src: local('Muli Bold'), local('Muli-Bold'),
- url('/static/v2/fonts/muli/muli-v12-latin-700.woff2') format('woff2'),
- url('/static/v2/fonts/muli/muli-v12-latin-700.woff') format('woff'),
- url('/static/v2/fonts/muli/muli-v12-latin-700.ttf') format('truetype');
+ font-weight: 800;
+ src: url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}
-.g-font-futura {
- font-family: 'futura-pt', sans-serif;
+/* libre-franklin-200italic - latin-ext_latin */
+@font-face {
+ font-family: 'Libre Franklin';
+ font-style: italic;
+ font-weight: 200;
+ src: url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200italic.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200italic.woff') format('woff'), /* Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-200italic.svg#LibreFranklin') format('svg'); /* Legacy iOS */
+}
+
+/* libre-franklin-italic - latin-ext_latin */
+@font-face {
+ font-family: 'Libre Franklin';
+ font-style: italic;
+ font-weight: 400;
+ src: url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-italic.svg#LibreFranklin') format('svg'); /* Legacy iOS */
+}
+
+/* libre-franklin-600italic - latin-ext_latin */
+@font-face {
+ font-family: 'Libre Franklin';
+ font-style: italic;
+ font-weight: 600;
+ src: url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600italic.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600italic.woff') format('woff'), /* Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-600italic.svg#LibreFranklin') format('svg'); /* Legacy iOS */
+}
+
+/* libre-franklin-800italic - latin-ext_latin */
+@font-face {
+ font-family: 'Libre Franklin';
+ font-style: italic;
+ font-weight: 800;
+ src: url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800italic.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800italic.woff') format('woff'), /* Modern Browsers */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/static/v2/fonts/libre-franklin/libre-franklin-v7-latin-ext_latin-800italic.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}
-.g-font-muli {
- font-family: 'Muli', sans-serif;
+/* miriam-libre-regular - latin-ext_latin */
+@font-face {
+ font-family: 'Miriam Libre';
+ font-style: normal;
+ font-weight: 400;
+ src: url('/static/v2/fonts/miriam-libre/miriam-libre-v7-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('/static/v2/fonts/miriam-libre/miriam-libre-v7-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/static/v2/fonts/miriam-libre/miriam-libre-v7-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/static/v2/fonts/miriam-libre/miriam-libre-v7-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
+ url('/static/v2/fonts/miriam-libre/miriam-libre-v7-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/static/v2/fonts/miriam-libre/miriam-libre-v7-latin-ext_latin-regular.svg#MiriamLibre') format('svg'); /* Legacy iOS */
+}
+
+@supports (font-variation-settings: normal) {
+ @font-face {
+ font-family: 'Libre Franklin';
+ src: url('/static/v2/fonts/libre-franklin/LibreFranklin-VariableFont_wght.ttf') format('truetype supports variations'),
+ url('/static/v2/fonts/libre-franklin/LibreFranklin-VariableFont_wght.ttf') format('truetype-variations');
+ font-weight: 100 1000;
+ font-stretch: 25% 151%;
+ }
+
+ @font-face {
+ font-family: 'Libre Franklin';
+ src: url('/static/v2/fonts/libre-franklin/LibreFranklin-Italic-VariableFont_wght.ttf') format('truetype supports variations'),
+ url('/static/v2/fonts/libre-franklin/LibreFranklin-Italic-VariableFont_wght.ttf') format('truetype-variations');
+ font-variation-settings: 'ital' 1;
+ font-style: italic;
+ font-weight: 100 1000;
+ font-stretch: 25% 151%;
+ }
}
/* Font variables
@@ -63,5 +157,10 @@
--fs-body: 0.875rem;
--fw-light: 300;
- --fw-bold: 700;
+ --fw-bold: 600;
+}
+
+
+.gc-font-base {
+ font-family: $font-family-base;
}
diff --git a/app/assets/v2/scss/mission.scss b/app/assets/v2/scss/mission.scss
index 2f09553fe63..ccacbae6a22 100644
--- a/app/assets/v2/scss/mission.scss
+++ b/app/assets/v2/scss/mission.scss
@@ -3,7 +3,7 @@
/* Font */
/* The Titles */
.section-title {
- font-family: 'Muli', sans-serif;
+ font-family: 'Libre Franklin', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 30px;
@@ -186,7 +186,7 @@
/* We Value Section */
#we-value {
- font-family: 'Muli', sans-serif;
+ font-family: 'Libre Franklin', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 19px;
@@ -195,7 +195,7 @@
color: #000000;
}
#vote-text {
- font-family: 'Muli', sans-serif;
+ font-family: 'Libre Franklin', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 12px;
@@ -210,7 +210,7 @@
max-width: 11.5%;
}
.we-value-text {
- font-family: 'Muli', sans-serif;
+ font-family: 'Libre Franklin', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 21px;
@@ -301,7 +301,7 @@
.we-interact-card-text {
width: 213px;
height: 108px;
- font-family: 'Muli', sans-serif;
+ font-family: 'Libre Franklin', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
diff --git a/app/assets/v2/scss/notifications.scss b/app/assets/v2/scss/notifications.scss
index 8afc2d3f0e6..cdb94093d13 100644
--- a/app/assets/v2/scss/notifications.scss
+++ b/app/assets/v2/scss/notifications.scss
@@ -1,3 +1,6 @@
+// import variables and mixins
+@import './gc-mixins';
+
html {
--color-notification: 37, 232, 153;
--badge-bg: #D6FBEB;
@@ -15,18 +18,19 @@ html.dark-mode {
--badge-blue-text: white;
}
-.navbar-nav .nav-link.notification__icon {
- position: relative;
- font-size: 18px;
- color: white;
-}
+// .navbar-nav .nav-link.notification__icon {
+// position: relative;
+// font-size: 18px;
+// color: white;
+// }
.notification__icon.dropdown-toggle::after {
content: none;
}
.notification__dot {
- background: red;
+ background: rgba(255,255,255,0.8);
+ color: $navbar-light-hover-color;
display: none;
min-width: 17px;
height: 17px;
@@ -34,7 +38,7 @@ html.dark-mode {
box-shadow: 0 0 0 rgba(var(--color-notification), .4);
position: absolute;
top: 0;
- left: 2.5em;
+ left: 1.2rem;
font-size: 10px;
text-align: center;
font-weight: bold;
diff --git a/app/assets/v2/scss/onboard.scss b/app/assets/v2/scss/onboard.scss
index a938620d610..9fde99784af 100644
--- a/app/assets/v2/scss/onboard.scss
+++ b/app/assets/v2/scss/onboard.scss
@@ -337,11 +337,11 @@ h3 {
border-radius: 3px;
}
-.completed {
- background-color: #0D0764;
- color: #FFFFFF;
- border-color: #0D0764;
-}
+// .completed {
+// background-color: #0D0764;
+// color: #FFFFFF;
+// border-color: #0D0764;
+// }
@keyframes turn {
0% { transform: rotate(0deg); }
diff --git a/app/assets/v2/scss/onboarding_v2.scss b/app/assets/v2/scss/onboarding_v2.scss
index 4c026285dc7..85d68c83a6e 100644
--- a/app/assets/v2/scss/onboarding_v2.scss
+++ b/app/assets/v2/scss/onboarding_v2.scss
@@ -39,7 +39,14 @@
}
#onboarding_v2 .modal-content {
- margin-top: 22rem;
+ margin-top: 285px;
+}
+
+.modal-backdrop.show {
+ opacity: 1;
+ background-image: url(static('v2/images/tribes/promo-decoration.svg'));
+ background-color: rgba(106, 72, 199, 0.98);
+ background-size: cover;
}
.no-bg {
diff --git a/app/assets/v2/scss/onepager/main.scss b/app/assets/v2/scss/onepager/main.scss
index f8dc6719dc4..9b3be3104b1 100644
--- a/app/assets/v2/scss/onepager/main.scss
+++ b/app/assets/v2/scss/onepager/main.scss
@@ -536,11 +536,11 @@ body.is-ie #wrapper {
height: 100%;
}
-body #main a:not(.button) {
+body #main a:not(.btn) {
color: #fc7596;
}
-body #main a:not(.button):hover {
+body #main a:not(.btn):hover {
color: #ec5597;
}
diff --git a/app/assets/v2/scss/products.scss b/app/assets/v2/scss/products.scss
index 598356e9e8a..460199cc060 100644
--- a/app/assets/v2/scss/products.scss
+++ b/app/assets/v2/scss/products.scss
@@ -193,6 +193,16 @@
color: #000;
}
+.button-Town {
+ color: #212529;
+ background-color: #02E2AC;
+}
+
+.button-Discord{
+ background-color: #6F3FF5;
+ color: #fff;
+}
+
.button-hackathons{
background-color: #ffa2de;
color: white;
diff --git a/app/assets/v2/scss/profile.scss b/app/assets/v2/scss/profile.scss
index fb582394591..ce55c0d7fbe 100644
--- a/app/assets/v2/scss/profile.scss
+++ b/app/assets/v2/scss/profile.scss
@@ -480,7 +480,7 @@
top: 0;
color: #ffffff;
z-index: 1;
- width: 100vw;
+ width: 100%;
cursor: pointer;
}
diff --git a/app/assets/v2/scss/quests.scss b/app/assets/v2/scss/quests.scss
index 5852c0f30a2..3ba162273ab 100644
--- a/app/assets/v2/scss/quests.scss
+++ b/app/assets/v2/scss/quests.scss
@@ -27,16 +27,16 @@
bottom: -5px;
}
-.btn:not(.btn-gc-blue) {
- width: 100px;
- position: relative;
- border: none;
- padding: 5px;
- text-align: center;
- display: inline-block;
- top: 5px;
- font-size: 16px;
-}
+// .btn:not(.btn-gc-blue) {
+// width: 100px;
+// position: relative;
+// border: none;
+// padding: 5px;
+// text-align: center;
+// display: inline-block;
+// top: 5px;
+// font-size: 16px;
+// }
.btn-secondary {
background-color: white;
diff --git a/app/assets/v2/scss/quickstart.scss b/app/assets/v2/scss/quickstart.scss
index 8fa2ab88d08..716eac382dd 100644
--- a/app/assets/v2/scss/quickstart.scss
+++ b/app/assets/v2/scss/quickstart.scss
@@ -68,10 +68,6 @@
letter-spacing: 0;
}
-.issuetypes-container p {
- line-height: 0.9rem;
-}
-
.bounty-tips {
background: #0D0764;
}
@@ -141,5 +137,5 @@
}
.flex-column img {
- margin: auto;
+ // margin: auto;
}
diff --git a/app/assets/v2/scss/search.scss b/app/assets/v2/scss/search.scss
index dd15dbe9f90..f4c0745fa85 100644
--- a/app/assets/v2/scss/search.scss
+++ b/app/assets/v2/scss/search.scss
@@ -2,11 +2,11 @@
font-size: 12px !important;
}
-.navbar-nav .nav-link.gc-search__icon {
- position: relative;
- font-size: 18px;
- color: white;
-}
+// .navbar-nav .nav-link.gc-search__icon {
+// position: relative;
+// font-size: 18px;
+// color: white;
+// }
.gc-search__icon.dropdown-toggle::after {
content: none;
diff --git a/app/assets/v2/scss/top-nav.scss b/app/assets/v2/scss/top-nav.scss
index ffbc7b63341..ddf574db0aa 100644
--- a/app/assets/v2/scss/top-nav.scss
+++ b/app/assets/v2/scss/top-nav.scss
@@ -44,6 +44,7 @@
padding: 0;
}
}
+
.top-nav a:hover img,
.top-nav a.selected img {
/* opacity: 1; */
@@ -54,7 +55,11 @@
opacity: 1;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
- background-image: url("data:image/svg+xml,%0A%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-146.000000, -156.000000)' fill-rule='nonzero'%3E%3Cg id='download' transform='translate(77.000000, 45.000000)'%3E%3Cpath d='M73,118 L95,134 M73,134 L95,118' id='Shape-Copy-2' stroke-opacity='0.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3Crect id='Path' x='69' y='111' width='30' height='30'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+ background-image: url("data:image/svg+xml,%0A%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-146.000000, -156.000000)' fill-rule='nonzero'%3E%3Cg id='download' transform='translate(77.000000, 45.000000)'%3E%3Cpath d='M73,118 L95,134 M73,134 L95,118' id='Shape-Copy-2' stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3Crect id='Path' x='69' y='111' width='30' height='30'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}
+
+.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
+ filter: invert(1);
}
.brand-hover .logo-animated {
diff --git a/app/assets/v2/scss/town_square.scss b/app/assets/v2/scss/town_square.scss
index e42733e043c..9ccf212fa06 100644
--- a/app/assets/v2/scss/town_square.scss
+++ b/app/assets/v2/scss/town_square.scss
@@ -386,6 +386,22 @@ a.offer_container.animate:hover .prize-gift::after {
opacity: 0.4;
}
+.dark-mode {
+ .bg-white {
+ background-color: var(--main-bg)!important;
+ }
+ .navbar-light #logo {
+ color: #fff;
+ }
+ .navbar-light .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.5);
+ }
+ .loading {
+ filter: brightness(100);
+ opacity: 0.3;
+ }
+}
+
.empty .prize-gift {
color: grey;
text-shadow: 0 2px 0px grey;
@@ -894,7 +910,7 @@ body.green.offer_view .announce {
.townsquare_block-header {
font-size: 0.9rem;
- font-weight: 700;
+ font-weight: 600;
color: var(--townsquare-block-header-color);
text-transform: uppercase;
cursor: pointer;
@@ -994,6 +1010,21 @@ body.green.offer_view .announce {
color: var(--blue);
}
+.nav-link.nav-line.active {
+ color: var(--default-text-color);
+ border-color: var(--active-button-border-color);
+}
+
+.nav-link.nav-line:not(.active):hover {
+ color: var(--default-text-color);
+ border-color: var(--active-button-border-color);
+}
+
+.nav-tabs .nav-line {
+ color: var(--gc-dark-grey);
+ border-color: var(--gc-dark-grey);
+}
+
.nav-badge {
font-size: 9px;
color: var(--link-color);
diff --git a/app/bounty_requests/templates/bounty_request_form.html b/app/bounty_requests/templates/bounty_request_form.html
index 6f02b32ac49..696a384881f 100644
--- a/app/bounty_requests/templates/bounty_request_form.html
+++ b/app/bounty_requests/templates/bounty_request_form.html
@@ -22,76 +22,76 @@
{% include 'shared/cards.html' %}
-
-