Skip to content

Compact 3.0! by kylekart

Screenshot of Compact 3.0!
Write a review Install Get Stylus

Details

Authorkylekart

LicenseNo License

CategoryTurboWarp and GandiIDE

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A theme that makes Scratch 3.0 more compact for mouse users.

Notes

You can test the theme here.

My theme adds custom icons using Material Icons if the Block palette category icon addon is enabled in TurboWarp. It is recommended to have the Block palette category icon setting on when using my theme.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         My Scratch Category Theme
@version      20230819.19.40
@namespace    userstyles.world/user/kylekart
@description  2-Column Categories
@author       kylekart
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         My Scratch Category Theme
@version      20230530.02.04
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://turbowarp.org/editor"), url-prefix("https://cocrea.world/gandi"), url-prefix("https://studio.penguinmod.site/editor") {
.scratchCategoryMenuItemLabel {
    flex: 1;
    align-items: center;
display: none
}

.scratchCategoryItemBubble::after:first-letter {
  text-transform: uppercase;
  font-size: 2em;
}
.scratchCategoryItemIcon {
  background-repeat: no-repeat;
scale:100%;
    border: 3px dotted ;
    background-color: rgb(15, 189, 140);
    border-color: rgb(13, 165, 122);
    border-radius: 20%;
    padding: 0.7rem;
}

.scratchCategoryItemBubble::after {
  content: "";
}
.scratchCategoryMenuRow {
    display: flex;
}
.scratchCategoryMenu {
  width: 100%;
  columns: 2;
  column-gap: 0.1rem;
}
.blocklyToolboxDiv {
    height: auto !important;
}

.scratchCategoryId-liveTests .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/live_tests.svg');
}
.scratchCategoryId-jgDev .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/jg_dev.svg');
}


.scratchCategoryId-strings .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/strings.svg');
}
.scratchCategoryId-motion .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/motion.svg');
}
.scratchCategoryId-looks .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/looks.svg');
}
.scratchCategoryId-operators .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/operators.svg');
}
.scratchCategoryId-Gamepad .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/gamepad.svg');
}
.scratchCategoryId-fetch .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/fetch.svg');
}
.scratchCategoryId-MouseCursor .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/mouse_cursor.svg');
}
.scratchCategoryId-sound .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/sound.svg');
}
.scratchCategoryId-sensing .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/sensing.svg');
}
.scratchCategoryId-events .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/events.svg');
}
.scratchCategoryId-control .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/control.svg');
}

.scratchCategoryId-variables .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/variables.svg');
}
.scratchCategoryId-lists .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/lists.svg');
}
.scratchCategoryId-myBlocks .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/my_blocks.svg');
}
.scratchCategoryId-files .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/files.svg');
}
.scratchCategoryId-pointerlock .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/mouse_lock.svg');
}
.scratchCategoryId-stretch .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/stretch.svg');
}
.scratchCategoryId-runtimeoptions .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/runtime.svg');
}
.scratchCategoryId-localstorage .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/local.svg');
}
.scratchCategoryId-notSound .scratchCategoryItemBubble::after{
background-image: url('https://raw.githubusercontent.com/KyleKart/tw_theme/main/tw/sound.svg');
}
}

@-moz-document url-prefix("https://cocrea.world/gandi") {
.scratchCategoryMenuItem {
    display: inline-flex;
    width: 50%;
    padding: 0.25rem;
}

.scratchCategoryItemBubble {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px dotted;
    border-radius: 0%;
    margin: 0 auto 0.125rem;
}
}

@-moz-document url-prefix("https://turbowarp.org"), url-prefix("https://studio.penguinmod.site/"), url-prefix("https://penguinmod.site/") {
.scratchCategoryMenuItem {
    display: inline-flex;
    width: 50%;
    padding: 0rem;
}

.scratchCategoryItemBubble {
    border: 3px dotted;
    border-radius: 20%;
  padding: 0.7rem;
}
.menu-bar_menu-bar_JcuHF {
    height: 2.2rem;
}
.menu-bar_file-group_1_CHX .menu-bar_menu-bar-item_oLDa- {
    padding: 0 0.55rem;
}
.project-title-input_title-field_en5Gd {
    height: 0.5rem;
    padding: .5rem;
}
.menu-bar_menu-bar-button_3IDN0 {
    height: 1.5rem;
}
.menu-bar_feedback-button_2rEcj {
    height: 1.5rem;
}
.menu-bar_menu-bar-item_oLDa- {
    padding: 0 0.25rem;
    height: 1.5rem;
}
.menu_menu-item_3EwYA {
    line-height: 1.5rem;
}
.menu_menu_3k7QT {
    border-radius: 0 0 0 0;
}
.gui_tab_27Unf {
    height: 1.8rem;
 width: 6.3rem
}
.gui_tab-list_87TYM {
    height: 2rem;
    width: 250px
}
.gui_tab_27Unf.gui_is-selected_sHAiu {
    height: 1.8rem;
 width: 6.3rem
}
.blocks_blocks_C530M .blocklyToolboxDiv {
    height: calc(106% - 5.25rem) !important;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.library-item_featured-text_2KFel {
    font-weight: bold;
    padding: 10px;
    height: 100px;
    width: 300px;
}
.library-item_featured-item_3V2-t {
    flex-basis: 100px;
    height: 100px;
    overflow: hidden;
    padding: 0;
}
.library-item_featured-text_2KFel {
    font-weight: bold;
    padding: 0;
    height: 70px;
    width: 100px;
    font-size: 12px;
}
.library-item_featured-description_MjIJw {
    display: none;
}
.library-item_featured-extension-metadata_3D8E8 {
    display: none;
}
[dir="ltr"] .library-item_featured-extension-text_22A1k {
    text-align: center;
    padding-left: 0rem;
}
.library-item_featured-image_2gwZ6 {
    width: 100%;
    height: auto !important;
}
.library-item_library-item-inset-image-container_3PLJ1 {
    position: relative;
    display: none;
}
.library-item_library-item-inset-image-container-no-bg_XBG4o {
    position: relative;
    display:none !important;
}
.library-item_incompatible-with-scratch_3dFEe {
    display: none;
}
.tag-button_tag-button_nBLRM {
    height: 1.5rem;
}
.library_filter-bar_1W0DW {
    height: 3rem;
}
.modal_header_1h7ps {
    height: 2.2rem;
}
.library_filter-input_6w2X2 {
    width: 1rem;
    transition: .2s;
}
.library_tag-wrapper_2-QEQ {
    height: auto;
}
.tool-select-base_mod-tool-select_1iD-h {
    display: inline-block;
    margin: .1rem;
    border: none;
    border-radius: .25rem;
    outline: none;
    background: none;
    padding: 0.01rem;
    font-size: 0.85rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.gui_extension-button-container_b4rCs {
    border-radius: 100%;
    width: 36px;
    height: 36px;
    z-index: 46;
    transition: transform, box-shadow 0.5s;
    left: 0.5rem;
}
.action-menu_main-button_3ccfy {
    width: 36px;
    height: 36px;
}
.action-menu_more-buttons-outer_3J9yZ {
    width: 36px;
}
.action-menu_more-button_1fMGZ {
    width: 36px;
    height: 36px;
}

.menu-bar_file-group_1_CHX > *:nth-child(-n+2) {
  display: flex !important;
}

.menu-bar_file-group_1_CHX > *:not(:nth-child(-n+2)) {
  display: none !important;
}
.menu-bar_account-info-group_MeJZP {
    display: none;
}
}

@-moz-document url-prefix("https://penguinmod.site/embed/vote") {
.parent.svelte-1o2yfzq {
    font-size: 1rem !important;
  width: 10%;
}
button.svelte-1o2yfzq {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 1.75rem;
    height: 1.75rem;
    content: "";
}
.main.svelte-1o2yfzq {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
}

@-moz-document url-prefix("https://studio.penguinmod.site/editor"), url-prefix("https://turbowarp.org/editor") {
.menu-bar_file-group_1_CHX > *:not(:nth-child(-n+2)) {
  display: flex !important;
}
.menu-bar_account-info-group_MeJZP {
    display: flex;
}
}

@-moz-document url-prefix("https://turbowarp.org/editor") {
.gui_extension-button-container_b4rCs {
    box-shadow: 0 0 0 4px hsla(0, 100%, 65%, 0.35);
}
}

@-moz-document url-prefix("https://studio.penguinmod.site/editor") {
.gui_extension-button-container_b4rCs {
    box-shadow: 0 0 0 4px hsla(194, 100%, 50%, 0.35);
}
.sa-sprite-properties-info-btn {
    background: hsla(194, 100%, 50%, 1);
}
}

@-moz-document url-prefix("https://penguinmod.site/") {
:root {
    --penguinmod-color: #00c3ff;
    --penguinmod-dark-color: #009CCC;
--ui-primary: rgb(17, 17, 17);
    --ui-secondary: rgb(30, 30, 30);
    --ui-tertiary: rgb(46, 46, 46);
    --ui-modal-overlay: #333a;
    --ui-black-transparent: rgba(255, 255, 255, 0.15);
    --text-primary: #eee;
    --paint-ui-pane-border: var(--ui-black-transparent);
    --paint-...

Reviews

No reviews yet.