☰

Google Slides Advanced UI Enhancements

Enhances Google Slides UI with Material Design Lite, custom shapes, tools, and animations inspired by PowerPoint

// ==UserScript==
// @name         Google Slides Advanced UI Enhancements
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Enhances Google Slides UI with Material Design Lite, custom shapes, tools, and animations inspired by PowerPoint
// @author       You
// @match        https://docs.google.com/presentation/*
// @grant        GM_addStyle
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    // Apply custom styles
    GM_addStyle(`
        /* Make UI elements bigger and rounder */
        .docs-title-input, .docs-title-input-container, .docs-explore-button, .docs-material-button {
            font-size: 1.2em !important;
            border-radius: 8px !important;
            padding: 10px !important;
        }

        /* Increase the size of buttons and input fields */
        .docs-material-button, .docs-material-button-content {
            font-size: 1em !important;
        }

        /* Make the toolbar more ribbon-like */
        .docs-explore-button-container {
            border-radius: 12px !important;
            box-shadow: 0px 2px 4px rgba(0,0,0,0.2) !important;
            background-color: #ffffff !important;
        }

        /* Apply Material Design Lite styles */
        .docs-slide-viewer, .docs-slide-content, .docs-slide-editor {
            border-radius: 8px !important;
            box-shadow: 0px 4px 8px rgba(0,0,0,0.1) !important;
        }

        /* Add drawing and PowerPoint-like themes */
        .docs-slide-content {
            background-color: #fafafa !important;
        }

        .docs-drawing-editor {
            border: 2px dashed #e0e0e0 !important;
            border-radius: 8px !important;
        }

        .docs-powerpoint-theme {
            background-color: #ffffff !important;
            color: #333333 !important;
            border-radius: 12px !important;
        }

        /* Add more shapes and tools */
        .docs-shape-button {
            border-radius: 50% !important;
            background-color: #eeeeee !important;
            box-shadow: 0px 2px 4px rgba(0,0,0,0.2) !important;
            padding: 10px !important;
            margin: 5px !important;
        }

        .docs-shape-button:hover {
            background-color: #dddddd !important;
            cursor: pointer;
        }

        /* Animations for shape and tool interactions */
        .docs-shape-button, .docs-material-button {
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .docs-shape-button:active, .docs-material-button:active {
            transform: scale(0.95);
        }

        /* Style for additional tool panels */
        .docs-tool-panel {
            border: 1px solid #e0e0e0 !important;
            border-radius: 8px !important;
            box-shadow: 0px 2px 4px rgba(0,0,0,0.1) !important;
            background-color: #ffffff !important;
            padding: 10px !important;
            margin: 10px !important;
        }

        /* Add specific shapes for the drawing tools */
        .docs-drawing-rectangle {
            border: 2px solid #009688 !important;
            border-radius: 4px !important;
        }

        .docs-drawing-circle {
            border: 2px solid #009688 !important;
            border-radius: 50% !important;
        }

        .docs-drawing-line {
            border-top: 2px solid #009688 !important;
            width: 100% !important;
        }
    `);

    // Add custom JavaScript for advanced functionality
    function addCustomTools() {
        // Add additional shapes or tools to the toolbar or interface
        // This could involve injecting additional HTML/CSS/JS
        console.log('Custom tools and shapes can be added here.');
    }

    // Initialize custom tools after the page loads
    window.addEventListener('load', addCustomTools);
})();