Skip to content

Commit 0550660

Browse files
Aniket-EnggAniket-Engg
committed
first changes to light theme
1 parent c122594 commit 0550660

File tree

1 file changed

+82
-65
lines changed

1 file changed

+82
-65
lines changed

‎apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css‎

Lines changed: 82 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -37,22 +37,22 @@
3737
--bs-gray-700: #7b8a8b;
3838
--bs-gray-800: #343a40;
3939
--bs-gray-900: #212529;
40-
--bs-primary: #2c3e50;
40+
--bs-primary: #007aa6;
4141
--bs-secondary: #95a5a6;
4242
--bs-success: #18bc9c;
4343
--bs-info: #3498db;
4444
--bs-warning: #f39c12;
4545
--bs-danger: #e74c3c;
46-
--bs-light: #ecf0f1;
47-
--bs-dark: #7b8a8b;
48-
--bs-primary-rgb: 44, 62, 80;
46+
--bs-light: #f8fafe;
47+
--bs-dark: #8e94a6;
48+
--bs-primary-rgb: 0, 122, 166;
4949
--bs-secondary-rgb: 149, 165, 166;
5050
--bs-success-rgb: 24, 188, 156;
5151
--bs-info-rgb: 52, 152, 219;
5252
--bs-warning-rgb: 243, 156, 18;
5353
--bs-danger-rgb: 231, 76, 60;
54-
--bs-light-rgb: 236, 240, 241;
55-
--bs-dark-rgb: 123, 138, 139;
54+
--bs-light-rgb: 248, 250, 254;
55+
--bs-dark-rgb: 142, 148, 166;
5656
--bs-primary-text-emphasis: #121920;
5757
--bs-secondary-text-emphasis: #3c4242;
5858
--bs-success-text-emphasis: #0a4b3e;
@@ -86,10 +86,10 @@
8686
--bs-body-font-size: 1rem;
8787
--bs-body-font-weight: 400;
8888
--bs-body-line-height: 1.5;
89-
--bs-body-color: #212529;
90-
--bs-body-color-rgb: 33, 37, 41;
91-
--bs-body-bg: #fff;
92-
--bs-body-bg-rgb: 255, 255, 255;
89+
--bs-body-color: #8e94a6;
90+
--bs-body-color-rgb: 142, 148, 166;
91+
--bs-body-bg: #eff1f5;
92+
--bs-body-bg-rgb: 239, 241, 245;
9393
--bs-emphasis-color: #000;
9494
--bs-emphasis-color-rgb: 0, 0, 0;
9595
--bs-secondary-color: rgba(33, 37, 41, 0.75);
@@ -101,17 +101,17 @@
101101
--bs-tertiary-bg: #f8f9fa;
102102
--bs-tertiary-bg-rgb: 248, 249, 250;
103103
--bs-heading-color: inherit;
104-
--bs-link-color: #18bc9c;
105-
--bs-link-color-rgb: 24, 188, 156;
104+
--bs-link-color: #747b90;
105+
--bs-link-color-rgb: 116, 123, 144;
106106
--bs-link-decoration: underline;
107-
--bs-link-hover-color: #13967d;
108-
--bs-link-hover-color-rgb: 19, 150, 125;
107+
--bs-link-hover-color: #b6b8d4;
108+
--bs-link-hover-color-rgb: 182, 184, 212;
109109
--bs-code-color: #e83e8c;
110110
--bs-highlight-color: #212529;
111111
--bs-highlight-bg: #fdebd0;
112112
--bs-border-width: 1px;
113113
--bs-border-style: solid;
114-
--bs-border-color: #dee2e6;
114+
--bs-border-color: #dfe1ea;
115115
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
116116
--bs-border-radius: 0.375rem;
117117
--bs-border-radius-sm: 0.25rem;
@@ -131,14 +131,15 @@
131131
--bs-form-valid-border-color: #18bc9c;
132132
--bs-form-invalid-color: #e74c3c;
133133
--bs-form-invalid-border-color: #e74c3c;
134+
--custom-ai-color: #1ea2aa;
134135
}
135136

136137
[data-bs-theme=dark] {
137138
color-scheme: dark;
138139
--bs-body-color: #dee2e6;
139140
--bs-body-color-rgb: 222, 226, 230;
140-
--bs-body-bg: #212529;
141-
--bs-body-bg-rgb: 33, 37, 41;
141+
--bs-body-bg: #eff1f5;
142+
--bs-body-bg-rgb: 239, 241, 245;
142143
--bs-emphasis-color: #fff;
143144
--bs-emphasis-color-rgb: 255, 255, 255;
144145
--bs-secondary-color: rgba(222, 226, 230, 0.75);
@@ -174,10 +175,10 @@
174175
--bs-light-border-subtle: #7b8a8b;
175176
--bs-dark-border-subtle: #343a40;
176177
--bs-heading-color: inherit;
177-
--bs-link-color: #808b96;
178-
--bs-link-hover-color: #99a2ab;
179-
--bs-link-color-rgb: 128, 139, 150;
180-
--bs-link-hover-color-rgb: 153, 162, 171;
178+
--bs-link-color: #a2a3bd;
179+
--bs-link-hover-color: #b6b8d4;
180+
--bs-link-color-rgb: 162, 163, 189;
181+
--bs-link-hover-color-rgb: 182, 184, 212;
181182
--bs-code-color: #f18bba;
182183
--bs-highlight-color: #dee2e6;
183184
--bs-highlight-bg: #613e07;
@@ -187,6 +188,7 @@
187188
--bs-form-valid-border-color: #74d7c4;
188189
--bs-form-invalid-color: #f1948a;
189190
--bs-form-invalid-border-color: #f1948a;
191+
--custom-ai-color: #2de7f3;
190192
}
191193

192194
*,
@@ -214,6 +216,21 @@ body {
214216
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
215217
}
216218

219+
*::-webkit-scrollbar {
220+
width: 8px;
221+
height: 6px;
222+
}
223+
224+
*::-webkit-scrollbar-thumb {
225+
background-color: #d0d6dc;
226+
opacity: 0.3;
227+
border-radius: 30px;
228+
}
229+
230+
.text-ai {
231+
color: var(--custom-ai-color) !important;
232+
}
233+
217234
hr {
218235
margin: 1rem 0;
219236
color: inherit;
@@ -3060,53 +3077,53 @@ textarea.form-control-lg {
30603077

30613078
.btn-primary {
30623079
--bs-btn-color: #fff;
3063-
--bs-btn-bg: #2c3e50;
3064-
--bs-btn-border-color: #2c3e50;
3080+
--bs-btn-bg: #007aa6;
3081+
--bs-btn-border-color: #007aa6;
30653082
--bs-btn-hover-color: #fff;
3066-
--bs-btn-hover-bg: #253544;
3067-
--bs-btn-hover-border-color: #233240;
3083+
--bs-btn-hover-bg: #008abc;
3084+
--bs-btn-hover-border-color: #008abc;
30683085
--bs-btn-focus-shadow-rgb: 76, 91, 106;
30693086
--bs-btn-active-color: #fff;
3070-
--bs-btn-active-bg: #233240;
3071-
--bs-btn-active-border-color: #212f3c;
3087+
--bs-btn-active-bg: #00729b;
3088+
--bs-btn-active-border-color: #00729b;
30723089
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
30733090
--bs-btn-disabled-color: #fff;
3074-
--bs-btn-disabled-bg: #2c3e50;
3075-
--bs-btn-disabled-border-color: #2c3e50;
3091+
--bs-btn-disabled-bg: #007aa6;
3092+
--bs-btn-disabled-border-color: #007aa6;
30763093
}
30773094

30783095
.btn-secondary {
30793096
--bs-btn-color: #fff;
3080-
--bs-btn-bg: #95a5a6;
3081-
--bs-btn-border-color: #95a5a6;
3097+
--bs-btn-bg: #595c76;
3098+
--bs-btn-border-color: #595c76;
30823099
--bs-btn-hover-color: #fff;
3083-
--bs-btn-hover-bg: #7f8c8d;
3084-
--bs-btn-hover-border-color: #778485;
3100+
--bs-btn-hover-bg: #676a83;
3101+
--bs-btn-hover-border-color: #676a83;
30853102
--bs-btn-focus-shadow-rgb: 165, 179, 179;
30863103
--bs-btn-active-color: #fff;
3087-
--bs-btn-active-bg: #778485;
3088-
--bs-btn-active-border-color: #707c7d;
3104+
--bs-btn-active-bg: #4d516f;
3105+
--bs-btn-active-border-color: #4d516f;
30893106
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
30903107
--bs-btn-disabled-color: #fff;
3091-
--bs-btn-disabled-bg: #95a5a6;
3092-
--bs-btn-disabled-border-color: #95a5a6;
3108+
--bs-btn-disabled-bg: #596b76;
3109+
--bs-btn-disabled-border-color: #596b76;
30933110
}
30943111

30953112
.btn-success {
30963113
--bs-btn-color: #fff;
3097-
--bs-btn-bg: #18bc9c;
3098-
--bs-btn-border-color: #18bc9c;
3114+
--bs-btn-bg: #2aa075;
3115+
--bs-btn-border-color: #2aa075;
30993116
--bs-btn-hover-color: #fff;
3100-
--bs-btn-hover-bg: #14a085;
3101-
--bs-btn-hover-border-color: #13967d;
3117+
--bs-btn-hover-bg: #2aa075;
3118+
--bs-btn-hover-border-color: #2aa075;
31023119
--bs-btn-focus-shadow-rgb: 59, 198, 171;
31033120
--bs-btn-active-color: #fff;
3104-
--bs-btn-active-bg: #13967d;
3105-
--bs-btn-active-border-color: #128d75;
3121+
--bs-btn-active-bg: #2aa075;
3122+
--bs-btn-active-border-color: #2aa075;
31063123
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
31073124
--bs-btn-disabled-color: #fff;
3108-
--bs-btn-disabled-bg: #18bc9c;
3109-
--bs-btn-disabled-border-color: #18bc9c;
3125+
--bs-btn-disabled-bg: #2aa075;
3126+
--bs-btn-disabled-border-color: #2aa075;
31103127
}
31113128

31123129
.btn-info {
@@ -3128,44 +3145,44 @@ textarea.form-control-lg {
31283145

31293146
.btn-warning {
31303147
--bs-btn-color: #fff;
3131-
--bs-btn-bg: #f39c12;
3132-
--bs-btn-border-color: #f39c12;
3148+
--bs-btn-bg: #c97539;
3149+
--bs-btn-border-color: #c97539;
31333150
--bs-btn-hover-color: #fff;
3134-
--bs-btn-hover-bg: #cf850f;
3135-
--bs-btn-hover-border-color: #c27d0e;
3151+
--bs-btn-hover-bg: #d2844b;
3152+
--bs-btn-hover-border-color: #d2844b;
31363153
--bs-btn-focus-shadow-rgb: 245, 171, 54;
31373154
--bs-btn-active-color: #fff;
3138-
--bs-btn-active-bg: #c27d0e;
3139-
--bs-btn-active-border-color: #b6750e;
3155+
--bs-btn-active-bg: #c56f31;
3156+
--bs-btn-active-border-color: #c56f31;
31403157
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
31413158
--bs-btn-disabled-color: #fff;
3142-
--bs-btn-disabled-bg: #f39c12;
3143-
--bs-btn-disabled-border-color: #f39c12;
3159+
--bs-btn-disabled-bg: #c97539;
3160+
--bs-btn-disabled-border-color: #c97539;
31443161
}
31453162

31463163
.btn-danger {
31473164
--bs-btn-color: #fff;
3148-
--bs-btn-bg: #e74c3c;
3149-
--bs-btn-border-color: #e74c3c;
3165+
--bs-btn-bg: #b84040;
3166+
--bs-btn-border-color: #b84040;
31503167
--bs-btn-hover-color: #fff;
3151-
--bs-btn-hover-bg: #c44133;
3152-
--bs-btn-hover-border-color: #b93d30;
3168+
--bs-btn-hover-bg: #c44949;
3169+
--bs-btn-hover-border-color: #c44949;
31533170
--bs-btn-focus-shadow-rgb: 235, 103, 89;
31543171
--bs-btn-active-color: #fff;
3155-
--bs-btn-active-bg: #b93d30;
3156-
--bs-btn-active-border-color: #ad392d;
3172+
--bs-btn-active-bg: #b13838;
3173+
--bs-btn-active-border-color: #b13838;
31573174
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
31583175
--bs-btn-disabled-color: #fff;
3159-
--bs-btn-disabled-bg: #e74c3c;
3160-
--bs-btn-disabled-border-color: #e74c3c;
3176+
--bs-btn-disabled-bg: #b84040;
3177+
--bs-btn-disabled-border-color: #b84040;
31613178
}
31623179

31633180
.btn-light {
31643181
--bs-btn-color: #000;
3165-
--bs-btn-bg: #ecf0f1;
3166-
--bs-btn-border-color: #ecf0f1;
3182+
--bs-btn-bg: #f8fafe;
3183+
--bs-btn-border-color: #f8fafe;
31673184
--bs-btn-hover-color: #000;
3168-
--bs-btn-hover-bg: #c9cccd;
3185+
--bs-btn-hover-bg: #eff1f5;
31693186
--bs-btn-hover-border-color: #bdc0c1;
31703187
--bs-btn-focus-shadow-rgb: 201, 204, 205;
31713188
--bs-btn-active-color: #000;
@@ -8857,7 +8874,7 @@ textarea.form-control-lg {
88578874

88588875
.bg-dark {
88598876
--bs-bg-opacity: 1;
8860-
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
8877+
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
88618878
}
88628879

88638880
.bg-black {

0 commit comments

Comments
 (0)