Skip to content

Scratch Original Color by nicoanimateyt

Screenshot of Scratch Original Color

Details

Authornicoanimateyt

LicenseNo License

Categoryscratch.mit.edu

Created

Updated

Size8.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This userstyle brings back Scratch's iconic blue color

Notes

[ CHANGELOG ]

March 31, 2024

  • Fixed some buttons and green flag background

March 29, 2024

  • Created the userstyle

Source code

/* ==UserStyle==
@name         Scratch Original Color
@version      20240331.14.25
@namespace    https://userstyles.world/user/nicoanimateyt
@description  This userstyle brings back Scratch's iconic blue color
@author       nicoanimateyt
@license      No License
==/UserStyle== */

@-moz-document domain("scratch.mit.edu") {
nav#navigation {
    background-color: #4d97ff;
}

a:link, a:visited, a:active {
    color: #4d97ff;
}

.news li h4 {
    color: #4d97ff;
}

.dropdown {
    background-color: #4d97ff;
}

#topnav .innerwrap {
    background-color: #0f8bc0;
}

#topnav ul.account-nav.logged-in>li {
    border-left: 1px solid #149acb;
}

#topnav ul.site-nav li {
    border-left: 1px solid #149acb;
}

#topnav ul.account-nav>li:last-child {
    border-right: 1px solid #149acb;
}

#topnav ul.account-nav>li.sign-in:hover, #topnav ul.account-nav>li.sign-in.open {
    background-color: #0c6185;
}

.information-page .title-banner.masthead, .title-banner.mod-messages, .button {
    background-color: #4d97ff;
}

#topnav ul.account-nav .logged-in-user .dropdown-menu {
  background-color: #0f8bc0;
}

#topnav li.logout.divider input {
    background-color: #0f8bc0;
}

a, input.link {
    color: #1aa0d8;
}

#topnav ul.site-nav li.last {
    border-right: 1px solid #149acb;
}

.button, button {
    background-image: -webkit-linear-gradient(top,#12a3e1,#12a3e1);
    background-image: -moz-linear-gradient(top,#12a3e1,#12a3e1);
    background-image: -ms-linear-gradient(top,#12a3e1,#12a3e1);
    background-image: -o-linear-gradient(top,#12a3e1,#12a3e1);
    background-image: linear-gradient(top,#12a3e1,#12a3e1);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#12a3e1,endColorStr=#12a3e1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    border-color: #12a3e1;
}

.button:hover {
    background-image: -webkit-linear-gradient(top,#0e92ca,#0e92ca);
    background-image: -moz-linear-gradient(top,#0e92ca,#0e92ca);
    background-image: -ms-linear-gradient(top,#0e92ca,#0e92ca);
    background-image: -o-linear-gradient(top,#0e92ca,#0e92ca);
    background-image: linear-gradient(top,#0e92ca,#0e92ca);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#0e92ca,endColorStr=#0e92ca);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    border-color: #12a3e1 !important;
}

.button a {
    color: #fff;
}

.site-nav a:hover {
    background-color: #0c6185;
}

li.messages a.messages-icon:hover{
    background-color: #0c6185;
}

.tabs button {
    background-image: none;
}

a.nav_link.active>li {
    background: #0f8bc0;
}

.studio-member-tile .studio-member-name {
    color: #4d97ff;
}

.preview .remix-button {
	background-color: #328554;
}

a.reply:hover {
    color: #1790c2;
}

span.user-name {
    background-color: #0f8bc0;
}

span.user-name:hover {
    background-color: #0c6185;
}

#topnav ul.account-nav.logged-in > li:hover, #topnav ul.account-nav ul.user-nav li:hover, #topnav li.logout.divider input:hover {
	background-color: #0c6185;
}

.intro-banner .intro-button {
	background-color: #fff !important;
    background-image: none;
	color: #4d97ff;
}

.intro-banner .intro-container {
	background-color: #4d97ff;
}

.developers .title-banner.masthead {
	background-color: #0fbd8c;
}

.outer .title-banner.masthead {
	background-color: #ffbf00;
}

.outer .categories li:hover {
	background-color: rgba(0,0,0,.2);
}

.outer .categories li {
	background-color: rgba(0,0,0,.1);
	color: #fff;
    border: 0;
}

.question_question-submit-button_3nYah {
	background: #4D97FF;
}

.input_input-form_l9eYg:hover {
	border-color: #4D97FF;
}

.input_input-form_l9eYg:focus {
	border-color: #4D97FF;
}

html, body {
	background-color: #4D97FF;
}

.inplace-textarea:focus {
	border-color: #4D97FF;
}

.comment .comment-body .comment-bottom-row .comment-reply {
	color: #4D97FF;
}

.preview .remix-button {
    background-image: -webkit-linear-gradient(top,#328554,#328554);
    background-image: -moz-linear-gradient(top,#328554,#328554);
    background-image: -ms-linear-gradient(top,#328554,#328554);
    background-image: -o-linear-gradient(top,#328554,#328554);
    background-image: linear-gradient(top,#328554,#328554);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#328554,endColorStr=#328554);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    border-color: #328554;
}

.compose-comment .compose-bottom-row .compose-cancel {
    background-image: -webkit-linear-gradient(top,#b3b3b3,#b3b3b3);
    background-image: -moz-linear-gradient(top,#b3b3b3,#b3b3b3);
    background-image: -ms-linear-gradient(top,#b3b3b3,#b3b3b3);
    background-image: -o-linear-gradient(top,#b3b3b3,#b3b3b3);
    background-image: linear-gradient(top,#b3b3b3,#b3b3b3);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#b3b3b3,endColorStr=#b3b3b3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    border-color: #b3b3b3;
}
}

@-moz-document url-prefix("https://scratch.mit.edu/projects/") {
.menu-bar_menu-bar_JcuHF {
	background-color: #4D97FF;
}

.sprite-selector-item_is-selected_24tQj .sprite-selector-item_sprite-info_-I0i_ {
	background: #4D97FF;
}

.gui_extension-button-container_b4rCs, .custom-procedures_button-row_2jBu3 button.custom-procedures_ok-button_2X0Vj, .prompt_button-row_3Wc5Z button.prompt_ok-button_3QFdD {
	background:#4D97FF;
	border: 1px solid #4D97FF;
} 

.action-menu_button_1qbot, .sound-editor_round-button_3NLcW, .tag-button_tag-button_nBLRM {
	background: #4D97FF;
}

.tag-button_active_2stEz {
	background: hsla(30, 100%, 55%, 1);
}

.gui_tab_27Unf.gui_is-selected_sHAiu, .dropdown_dropdown_yOinO, .card_deck-name_1SJhM {
	color: #4D97FF;
}

.delete-button_delete-button-visible_kym6v, .tool-select-base_mod-tool-select_1iD-h.tool-select-base_is-selected_3x4kL, .paint-editor_bitmap-button_keW7B, .modal_header_1h7ps, .stage-selector_stage-selector_3oWOr.stage-selector_is-selected_2x2r_ .stage-selector_header_2GVr1, .menu_menu_3k7QT, .card_see-all-button_3o4U8 {
	background-color: #4D97FF;
}

.sprite-selector-item_sprite-selector-item_kQm-i:hover {
	border: 2px solid #4D97FF;
}

.library_filter-bar_1W0DW {
  background-color: hsla(215, 100%, 65%, .5);  
}
.sprite-selector-item_sprite-selector-item_kQm-i.sprite-selector-item_is-selected_24tQj {
	border: 2px solid #4D97FF;
}

.action-menu_more-buttons-outer_3J9yZ {
	background: #4D97FF;
}

.stage-selector_stage-selector_3oWOr.stage-selector_is-selected_2x2r_, .library-item_library-item_1DcMO:hover {
	border-color: #4D97FF;
}

.stage-selector_stage-selector_3oWOr:hover {
	border-color: #4D97FF;
}

.green-flag_green-flag_1kiAo.green-flag_is-active_2oExT {
	background-color: #4D97FF59;
}

.green-flag_green-flag_1kiAo:hover{
    background-color: #4d97ff2b;
}
}

@-moz-document url-prefix("https://scratch.mit.edu/accounts") {
.button, button {
	background-image: -webkit-none;
	background-image: -moz-none;
	background-image: -ms-none;
	background-image: -o-none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=none,endColorStr=none);
	border-color: rgb(0,0,0,0.5);
}
}

@-moz-document url-prefix("https://scratch.mit.edu/search") {
.outer .title-banner.masthead {
	background-color: #4280d7;
}
}

@-moz-document url("https://scratch.mit.edu/ideas") {
.banner-button {
	color: #fff;
}
}

@-moz-document url-prefix("https://scratch.mit.edu/discuss") {
.blockpost .box-head {
	border-top-color: #5FB5DA;
}

.blockpost div.box {
	background-color: #28a5da;
	border-top: 1px solid #28a5da;
}
}

Reviews

No reviews yet.