Skip to content

Commit 40d8936

Browse files
rgantzosrgantzos
authored
Merge pull request #539 from rgantzos/original-colors
2 parents ea89317 + ecba229 commit 40d8936

File tree

4 files changed

+359
-0
lines changed

4 files changed

+359
-0
lines changed

‎features/features.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
11
[
2+
{
3+
"version": 2,
4+
"id": "original-colors",
5+
"versionAdded": "v2.30.1"
6+
},
27
{
38
"version": 2,
49
"id": "simplify-editor-tabs",

‎features/original-colors/data.json‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
{
2+
"title": "Revert to Blue",
3+
"description": "Changes the block categories in the editor to only show the colors of the categories.",
4+
"credits": [
5+
{ "username": "MaterArc", "url": "https://scratch.mit.edu/users/materarc/" },
6+
{ "username": "rgantzos", "url": "https://scratch.mit.edu/users/rgantzos/" }
7+
],
8+
"styles": [{ "file": "scratch-www.css", "runOn": "/*" }],
9+
"tags": ["Theme", "New"],
10+
"type": ["Website"],
11+
"dynamic": true,
12+
"resources": [{ "name": "reply", "path": "/reply.svg" },{ "name": "tabs-code", "path": "/tabs/code.svg" }]
13+
}
14+

‎features/original-colors/reply.svg‎

Lines changed: 9 additions & 0 deletions
Loading

‎features/original-colors/scratch-www.css‎

Lines changed: 331 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,331 @@
1+
:root {
2+
--ste-blue: #4e97fe;
3+
--explore-orange: #ffbf00;
4+
--explore-green: #338553;
5+
--scratchr2-blue: #278bbfff;
6+
}
7+
8+
body, html {
9+
background-color: var(--ste-blue);
10+
}
11+
12+
nav#navigation, div[class^="gui_menu-bar-position"] {
13+
background-color: var(--ste-blue);
14+
}
15+
16+
button.button, button {
17+
background-color: var(--ste-blue);
18+
}
19+
20+
.news li h4, a:link, a:visited, a:active, a {
21+
color: var(--ste-blue);
22+
}
23+
24+
.outer .title-banner.masthead {
25+
transition: none;
26+
background-color: var(--explore-orange);
27+
}
28+
29+
.outer .categories li {
30+
border: 1.7px solid #6c6c6c;
31+
background-color: rgba(0,0,0,.1);
32+
color: #6e6e87;
33+
}
34+
35+
.outer .categories li:hover, .outer .categories li.active:hover {
36+
background-color: rgba(0,0,0,.2);
37+
}
38+
39+
.outer .categories li.active {
40+
background-color: var(--explore-green);
41+
}
42+
43+
.outer .tabs button.active {
44+
border-bottom: 3px solid var(--explore-green);
45+
}
46+
47+
.dropdown {
48+
background-color: var(--ste-blue);
49+
}
50+
51+
.banner-button {
52+
color: white;
53+
}
54+
55+
.banner-wrapper {
56+
background: var(--explore-orange) bottom right url("/images/ideas/right-juice.png") no-repeat
57+
}
58+
59+
.subactions .action-buttons .action-button {
60+
background-color: var(--ste-blue);
61+
}
62+
63+
.comment .comment-body .comment-bottom-row .comment-reply:after {
64+
background-image: var(--scratchtoolsresource-reply);
65+
}
66+
67+
.comment .comment-body .comment-bottom-row .comment-reply {
68+
color: var(--ste-blue);
69+
}
70+
71+
.feature-banner .feature-learn-more, .feature-banner .feature-banner-image .feature-image-text {
72+
color: var(--ste-blue);
73+
}
74+
75+
#pagewrapper #topnav .innerwrap {
76+
background-color: var(--scratchr2-blue);
77+
}
78+
79+
#topnav ul.account-nav.logged-in>li {
80+
border-color: #2d97ccff;
81+
}
82+
83+
#topnav ul.site-nav li, #topnav ul.site-nav li.last {
84+
border-color: #2d97ccff;
85+
}
86+
87+
#topnav ul.account-nav.logged-in > li.dropdown {
88+
background-color: var(--scratchr2-blue);
89+
}
90+
91+
#topnav ul.account-nav .logged-in-user.dropdown.open {
92+
background-color: #256185ff !important;
93+
}
94+
95+
#topnav ul.account-nav .logged-in-user .dropdown-menu {
96+
background-color: var(--scratchr2-blue);
97+
}
98+
99+
#topnav li.logout.divider input {
100+
background-color: var(--scratchr2-blue);
101+
}
102+
103+
#topnav li.logout.divider input:hover {
104+
background-color: #256185ff;
105+
}
106+
107+
#topnav ul.account-nav.logged-in li:hover {
108+
background-color: #256185ff;
109+
}
110+
111+
#topnav ul.account-nav ul.user-nav li.logout.divider {
112+
border-color: #2d97ccff;
113+
}
114+
115+
#pagewrapper a:link, #pagewrapper a:visited, #pagewrapper a:active, #pagewrapper a {
116+
color: #3397d9ff;
117+
}
118+
119+
#pagewrapper button, #pagewrapper .button, #pagewrapper button.button {
120+
color: white;
121+
border-bottom-color: #2d86adff;
122+
background-image: linear-gradient(#32b6faff, #2f9fdbff);
123+
border-color: #3097c4ff;
124+
}
125+
126+
#pagewrapper .button:hover, #pagewrapper button:hover {
127+
background-color: var(--scratchr2-blue);
128+
background-image: none;
129+
}
130+
131+
#pagewrapper button a, #pagewrapper .button a, #pagewrapper button.button a {
132+
color: white;
133+
}
134+
135+
#pagewrapper .button.grey {
136+
border-color: #999;
137+
display: inline-block;
138+
background-color: #e6e6e6;
139+
background-image: none;
140+
}
141+
142+
#pagewrapper .button.grey {
143+
background-image: -webkit-linear-gradient(top,#fff,#ccc);
144+
color: #666;
145+
}
146+
147+
#pagewrapper .button.grey:hover {
148+
background-image: -webkit-linear-gradient(#e6e6e6,#e6e6e6);
149+
}
150+
151+
#pagewrapper .button.grey a, #pagewrapper button.button.grey a {
152+
color: #666;
153+
}
154+
155+
#topnav ul.site-nav li:hover {
156+
background-color: #256185ff;
157+
}
158+
159+
ul#tabs li a {
160+
color: rgba(0, 0, 0, 0.45) !important;
161+
}
162+
163+
ul#tabs li.active a {
164+
color: white !important;
165+
}
166+
167+
div[class^="gui_extension-button-container_"] {
168+
background-color: var(--ste-blue);
169+
border: 1px solid var(--ste-blue);
170+
}
171+
172+
.filter_filter-icon_3Pfaw {
173+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
174+
}
175+
.sound-editor_row_3iFzH > .sound-editor_tool-button_2iNn9 img {
176+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
177+
}
178+
.sound-editor_redo-icon_XGcr5 {
179+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
180+
}
181+
.sound-editor_undo-icon_So0sO {
182+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
183+
}
184+
.library_filter-bar_1W0DW {
185+
background-color: #B6D8FD
186+
}
187+
.tag-button_tag-button_nBLRM {
188+
background-color: #4d97ff;
189+
}
190+
.tag-button_active_2stEz {
191+
background-color: #f7a028;
192+
}
193+
.sound-editor_input-group_2hWiH .sound-editor_tool-button_2iNn9 img {
194+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
195+
}
196+
input {
197+
outline-color: #4d97ff !important;
198+
}
199+
.tool-select-base_mod-tool-select_1iD-h.tool-select-base_is-selected_3x4kL {
200+
background-color: #4d97ff;
201+
}
202+
.sound-editor_round-button_3NLcW {
203+
background-color: #4d97ff;
204+
}
205+
.gui_tab_27Unf.gui_is-selected_sHAiu img {
206+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
207+
}
208+
.mode-tools_mod-dashed-border_T8CR_ .labeled-icon-button_edit-field-icon_3j-Pf {
209+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
210+
}
211+
.labeled-icon-button_edit-field-icon_3j-Pf {
212+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
213+
}
214+
.fixed-tools_button-group-button-icon_1cr4a {
215+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
216+
}
217+
.react-tabs_react-tabs__tab--selected_EW0CL span {
218+
color: #4d97ff;
219+
}
220+
.paint-editor_bitmap-button_keW7B {
221+
background-color: #4d97ff !important;
222+
}
223+
.sprite-selector-item_sprite-selector-item_kQm-i:hover {
224+
border: 2px solid #4d97ff;
225+
}
226+
.stage-selector_stage-selector_3oWOr.stage-selector_is-selected_2x2r_ {
227+
border-color: #4d97ff;
228+
}
229+
.stage-selector_stage-selector_3oWOr.stage-selector_is-selected_2x2r_ {
230+
box-shadow: 0 0 0 4px hsla(210, 100%, 80%, 1);
231+
}
232+
.action-menu_more-button_1fMGZ {
233+
background-color: #4d97ff;
234+
}
235+
.sprite-selector_add-button_1XCwG .action-menu_main-icon_1ktMc {
236+
background-color: #4d97ff;
237+
}
238+
.sprite-selector_add-button_1XCwG .action-menu_main-button_3ccfy {
239+
background-color: #4d97ff;
240+
box-shadow: 0 0 0 4px hsla(210, 100%, 80%, 1);
241+
}
242+
.gui_extension-button_2T7PA {
243+
background-color: #4d97ff;
244+
}
245+
.menu-bar_menu-bar_JcuHF {
246+
background-color: #4d97ff;
247+
}
248+
.sprite-selector-item_is-selected_24tQj .sprite-selector-item_sprite-info_-I0i_ {
249+
background-color: #4d97ff;
250+
}
251+
.delete-button_delete-button-visible_kym6v {
252+
background-color: #4d97ff;
253+
}
254+
255+
.toggle-buttons_button_1ZBU8[aria-pressed=true] img {
256+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
257+
}
258+
259+
.stage-selector_stage-selector_3oWOr.stage-selector_is-selected_2x2r_ .stage-selector_header_2GVr1 {
260+
background-color: #4d97ff;
261+
}
262+
.toggle-buttons_button_1ZBU8[aria-pressed=true] {
263+
border: 0.5px solid #4d97ff;
264+
}
265+
.toggle-buttons_button_1ZBU8[aria-pressed=true] {
266+
border: 0.5px solid #4d97ff;
267+
}
268+
html, body {
269+
background-color: #4d97ff;
270+
}
271+
.gui_extension-button-container_b4rCs {
272+
background-color: #4d97ff;
273+
border: 1px solid #4d97ff;
274+
}
275+
.modal_header-item-title_tLOU5 {
276+
background-color: #4d97ff;
277+
}
278+
.custom-procedures_button-row_2jBu3 button.custom-procedures_ok-button_2X0Vj {
279+
background-color: #4d97ff;
280+
}
281+
.sprite-selector-item_sprite-selector-item_kQm-i.sprite-selector-item_is-selected_24tQj {
282+
border: 2px solid #4d97ff;
283+
box-shadow: 0px 0px 0px 4px hsla(210, 100%, 80%, 1);
284+
}
285+
.delete-button_delete-button-visible_kym6v {
286+
box-shadow: 0px 0px 0px 2px hsla(210, 100%, 80%, 1);
287+
}
288+
.action-menu_more-buttons-outer_3J9yZ {
289+
background: #4d97ff
290+
}
291+
.action-menu_main-icon_1ktMc {
292+
background-color: #4d97ff;
293+
}
294+
.action-menu_button_1qbot {
295+
background-color: #4d97ff !important;
296+
}
297+
.action-menu_main-button_3ccfy {
298+
box-shadow: 0 0 0 4px hsla(210, 100%, 80%, 1);
299+
}
300+
.action-menu_expanded_JcMKp .action-menu_main-button_3ccfy {
301+
box-shadow: 0px 0px 0px 2px hsla(210, 100%, 80%, 1);
302+
}
303+
304+
div[class^="menu-bar_menu-bar-menu_"] > ul, div[class^="menu_submenu_"] > ul {
305+
background-color: var(--ste-blue);
306+
}
307+
308+
309+
img[class^="fixed-tools_menu-item-icon_"], img[class^="dropdown_dropdown-icon_"] {
310+
filter: sepia(300%) hue-rotate(185deg) saturate(450%);
311+
}
312+
313+
div[class*="fixed-tools_mod-"] {
314+
color: var(--ste-blue);
315+
}
316+
317+
button[class^="toggle-buttons_button_"][aria-pressed=true] {
318+
background-color: rgba(108, 160, 255, 0.15) !important;
319+
}
320+
321+
.toggle-buttons_button_1ZBU8:active {
322+
background-color: #4e97fe15;
323+
}
324+
325+
.toggle-buttons_button_1ZBU8:focus, .toggle-buttons_button_1ZBU8::before {
326+
border: 1px solid var(--ste-blue) !important;
327+
}
328+
329+
div[class^="stage-header_stage-size-toggle-group_"] > div > button > img {
330+
filter: grayscale(100%) opacity(.5);
331+
}

0 commit comments

Comments
 (0)