DEV Community: Lakshit Somani

VSCode extensions are not removed from file system even after uninstalling, I created a solution !

Lakshit Somani — Wed, 25 Sep 2024 15:34:24 +0000

So this is a problem with vscode based editors. Even after you uninstall a extension, it will stay in file system and overtime clog your system. I created a simple solution. Running this python script will delete extensions which are not installed on your vscode.

It runs for VS Code, VS Code Insiders, and also for VSCodium!

Here is the link: https://gist.github.com/lakshits11/236bd5d475fdd50072b3e6803e7342dd

Please give it a star.

(Image credit: https://www.codewithtomi.com/2022/07/if-you-use-django-you-need-this-vs-code.html)

Debugging Your Finances: Open Source Future Wealth Calculator for your investments

Lakshit Somani — Sun, 08 Sep 2024 17:00:05 +0000

Hey there, fellow devs! 👋 Lakshit here, and I'm excited to share a project I've been working on. I've built a Future Value Calculator, and I thought I'd walk you through the process, highlighting some key features and the tech behind it.

The Future Value Calculator I built isn't your typical financial planning tool. Sure, it has all the standard features you'd expect - the ability to input your initial capital, monthly contributions, interest rate, and time horizon. But what sets this calculator apart are two key features:

Inflation Adjustments: Most calculators give you the raw future value number, but fail to account for the eroding effects of inflation. This tool lets you input an inflation rate, so you can see the real purchasing power of your future savings.
Investment Growth Adjustments: Rather than assuming a static investment amount, this calculator allows you to factor in an annual investment growth rate. This means you have option to increase your investments every year and see how it potentially increases your future wealth.

🚀 Performance First
It is blazingly fast as it is built upon a single HTML file.

💡 Comprehensive Algorithm
The calculator takes into account:

Initial capital
Monthly deposits
Annual interest rate
Inflation rate
Investment growth rate
Time horizon

It then computes:

Future value without inflation
Future value with inflation (real purchasing power)
Total amount invested

The Code (Because We're All Here for That, Right?)

The Tech Stack
Frontend: HTML5, CSS3, and vanilla JavaScript (because sometimes, less is more)

HTML Structure:

1. Basic Setup and Metadata: We begin with the standard <!DOCTYPE html> declaration and opening <html> tag with a specified lang attribute. Within the <head> section, we define character encoding, viewport settings for responsive design, the title of the document, and links to external resources like Bootstrap for CSS styling and custom fonts from Google.

2. Form Creation: Within the <body>, centered using Bootstrap's grid system, we introduce a card-style layout (<div class="card">) that contains all other elements. The card header (<div class="card-header text-white">) announces the tool's purpose. The body of the card (<div class="card-body">) houses the user input form (<form id="investmentForm">). This form includes several input fields for users to enter details such as initial capital, monthly deposits, and rates. Each input is wrapped in a <div class="form-group"> for proper spacing and labeling.

3. Results Display: Below the form, we prepare placeholders for displaying the calculation results. These are initially hidden and are shown dynamically when the calculations are made.

CSS Styling:

1. Layout and Design: We utilize modern CSS properties to enhance the visual appeal and user experience. This includes custom fonts, background colors, padding, and transitions for smooth visual effects. The use of CSS Grid and Flexbox ensures that the layout is responsive and elements are well-organized.

2. Form Aesthetics: Input fields and buttons are styled with rounded borders and transition effects to provide feedback when interacted with. The overall form design is clean and minimalistic, focusing user attention on the task at hand.

3. Animations: Subtle animations such as 'fadeIn' are defined to make the appearance of results more engaging.

JavaScript Functionality:

1. Form Handling: The JavaScript included at the bottom of the HTML document is crucial for the dynamic aspects of the calculator. It prevents the default form submission to handle calculations directly within the page. It also validates the input fields, ensuring that all necessary data is entered before proceeding.

2. Calculation Logic: The script houses the logic for calculating the future value of investments based on user-provided data. It dynamically updates the DOM with the results, showing what the investments will look like with and without considering inflation.

3. Event Listeners: Listeners for 'submit' and 'keydown' events are set up to enhance the form's interactivity, allowing users to either click the calculate button or press 'Enter' to trigger the calculation.

Below is the complete code:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Future Value Calculator</title>
    <link rel="shortcut icon" type="image/jpg" href="favicon.jpg"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

        body {
            font-family: Rubik, sans-serif;
            background: #f0f2f5;
            padding: 20px;
            transition: background 0.5s ease-in-out;
            /* overflow: hidden; */
            overflow-y: scroll;
            /* Enable vertical scrolling */
            overflow-x: hidden;
            /* Hide horizontal scrollbar */
            scrollbar-width: none;
            /* For Firefox */
        }

        .container {
            margin-top: 50px;
            transition: margin-top 0.5s ease-in-out;
            overflow: auto;
            padding-right: 15px;
        }

        .alert,
        .warning {
            display: none;
            animation: fadeIn 0.75s ease-in-out;
        }

        .card {
            border-radius: 15px !important;
            border: none;
            transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
        }

        .card:hover {
            /* transform: scale(1.02); */
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        }

        .card-header {
            background: rgb(0, 0, 0);
            border-top-left-radius: 15px !important;
            border-top-right-radius: 15px !important;
            transition: background 0.5s ease-in-out;
        }

        .form-control {
            border-radius: 10px !important;
            transition: border-color 0.5s ease-in-out;
        }

        .btn {
            border-radius: 10px !important;
            background: #000000;
            transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
        }
        .alert {
            border-radius: 10px !important;
            animation: fadeIn 0.5s ease-in-out;
        }


        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }
    </style>
</head>

<body>
    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-8 col-lg-6">
                <div class="card">
                    <div class="card-header text-white">
                        <h3 class="text-center">Future Value Calculator</h3>
                    </div>
                    <div class="card-body">
                        <form id="investmentForm">
                            <div class="form-group">
                                <label for="initialCapital">Initial Capital</label>
                                <input type="number" class="form-control" id="initialCapital" name="initialCapital"
                                    required>
                            </div>
                            <div class="form-group">
                                <label for="monthlyDeposit">Monthly Deposit</label>
                                <input type="number" class="form-control" id="monthlyDeposit" name="monthlyDeposit"
                                    required>
                            </div>
                            <div class="form-group">
                                <label for="rateOfReturn">Annual Interest Rate</label>
                                <input type="number" class="form-control" id="rateOfReturn" name="rateOfReturn"
                                    required>
                            </div>
                            <div class="form-group">
                                <label for="inflationRate">Annual Inflation Rate</label>
                                <input type="number" class="form-control" id="inflationRate" name="inflationRate"
                                    required>
                            </div>
                            <div class="form-group">
                                <label for="increaseRate">Annual Increase Rate of Investments</label>
                                <input type="number" class="form-control" id="increaseRate" name="increaseRate"
                                    required>
                            </div>
                            <div class="form-group">
                                <label for="years">Number of Years</label>
                                <input type="number" class="form-control" id="years" name="years" required>
                            </div>
                            <button type="button" class="btn btn-primary btn-block"
                                onclick="checkFieldsAndCalculate()">Calculate</button>
                        </form>

                        <div id="results" class="mt-3">
                            <p class="alert alert-info" id="resultWithoutInflation"></p>
                            <p class="alert alert-success" id="resultWithInflation"></p>
                            <p class="alert alert-warning" id="totalInvested"></p>
                        </div>

                    </div>
                </div>
                <footer class="text-center mt-5">
                    <p>With ❤️ by <b>Lakshit Somani</b></p>
                    <a href="https://www.linkedin.com/in/lakshit-somani" target="_blank">
                        <img src="https://cdn-icons-png.flaticon.com/512/174/174857.png" alt="LinkedIn"
                            style="width: 30px; margin: 0 10px;">
                    </a>
                    <a href="https://github.com/lakshits11" target="_blank">
                        <img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" alt="GitHub"
                            style="width: 30px; margin: 0 10px;">
                    </a>
                </footer>
            </div>
        </div>
    </div>

    <script>
        document.getElementById('investmentForm').addEventListener('submit', function (event) {
            event.preventDefault(); // Prevent the form from submitting
            checkFieldsAndCalculate();
        });

        function checkFieldsAndCalculate() {
            const form = document.getElementById('investmentForm');
            const inputs = form.querySelectorAll('input');
            let allFieldsFilled = true;

            // Check if all fields are filled and highlight empty fields
            inputs.forEach(input => {
                if (!input.value) {
                    input.style.borderColor = 'red'; 
                    input.style.borderWidth = '1.5px';
                    allFieldsFilled = false;
                } else {
                    input.style.borderColor = ''; // Reset the border color if filled
                }
            });

            if (allFieldsFilled) {
                calculateFutureValue();
            }
        }

        function calculateFutureValue() {
            const P = parseFloat(document.getElementById('initialCapital').value);
            const x = parseFloat(document.getElementById('monthlyDeposit').value);
            const r = parseFloat(document.getElementById('rateOfReturn').value) / 100;
            const i = parseFloat(document.getElementById('inflationRate').value) / 100;
            const z = parseFloat(document.getElementById('increaseRate').value) / 100;
            const t = parseFloat(document.getElementById('years').value);

            const monthlyRate = r / 12;
            const totalMonths = t * 12;

            let futureValueWithoutInflation = P * Math.pow(1 + monthlyRate, totalMonths);
            const effectiveMonthlyRate = (1 + r / 12) / (1 + i / 12) - 1;
            let futureValueWithInflation = P * Math.pow(1 + effectiveMonthlyRate, totalMonths);
            let totalInvested = P;

            for (let year = 1; year <= t; year++) {
                for (let month = 1; month <= 12; month++) {
                    const n = (year - 1) * 12 + month;
                    const adjustedDeposit = x * Math.pow(1 + z, year - 1);
                    totalInvested += adjustedDeposit;
                    futureValueWithoutInflation += adjustedDeposit * Math.pow(1 + monthlyRate, totalMonths - n);
                    futureValueWithInflation += adjustedDeposit * Math.pow(1 + effectiveMonthlyRate, totalMonths - n);
                }
            }

            const returnWithoutInflation = ((futureValueWithoutInflation - totalInvested) / totalInvested) * 100;
            const returnWithInflation = ((futureValueWithInflation - totalInvested) / totalInvested) * 100;

            document.getElementById('resultWithoutInflation').innerText = `Future Value without Inflation: ${futureValueWithoutInflation.toFixed(2)} (${returnWithoutInflation.toFixed(2)}%)`;
            document.getElementById('resultWithInflation').innerText = `Future Value with Inflation: ${futureValueWithInflation.toFixed(2)} (${returnWithInflation.toFixed(2)}%)`;
            document.getElementById('totalInvested').innerText = `Total Amount Invested: ${totalInvested.toFixed(2)}`;

            // Show results
            document.querySelectorAll('.alert').forEach(alert => {
                alert.style.display = 'block';
                alert.style.animation = 'fadeIn 0.5s ease-in-out';
            });
        }

        document.getElementById('investmentForm').addEventListener('keydown', function (event) {
            if (event.key === 'Enter') {
                event.preventDefault();
                checkFieldsAndCalculate();
            }
        });
    </script>

    <script defer src="/_vercel/insights/script.js"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.7.0/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>

</html>

Try It Out for Yourself!

Ready to start planning your financial future? Head over to the live demo and give the Future Value Calculator a try. Whether you're saving for retirement, a big purchase, or just curious about your investment potential, this tool will give you the insights you need to make informed decisions.

Happy Coding and Investing :)

Supercharge your Coding Motivation: A Complete Guide to modify VS Code looks ! 🚀🔥

Lakshit Somani — Fri, 10 Nov 2023 16:05:19 +0000

[Note: Trust me this blog has new things you have never even heard of)

Does your editor also looks like above? Bored up of your regular VS Code themes? Using those same fonts since starting? Want to level up your VS Code environment to make it look THE BEST ??

Save this post cause today I am gonna show you exactly that!
I will be showing you how to transform your regular old boring vscode to a completely new looking editor!

Step 1: Pre Requisites
The first and foremost thing you need is VS Code 😂. Okay I know that you had that :) Anyways we are going to download some things.

Step 2: Nerd Fonts and Inter Font

Nerd fonts are fonts which support ligatures and have hundreds of different glyph icons which are not present in your OS fonts.

Go to this website and download some monospaced nerd fonts. For the sake of this tutorial, I am gonna advise you to download Fira Code, Jetbrains Mono, Victor Mono for this tutorial. Also install the above downloaded fonts.

Download and install the nerd fonts on your respective OS.

Now go to your VS Code. Open settings by pressing Ctrl/Cmd + ,.

In the Editor: Font Family section, change font name to JetbrainsMono Nerd Font. See below image for reference.

So now our editor looks a little bit nice, ain't it?

Now you also need to download and install 'Inter' font.
Go here: https://rsms.me/inter/
And download it, install it. We will use it later.

Step3: Install Themes

Now we are gonna be installing some themes. Go to VS Code and search for this theme: Best Themes Redefined

Hit that install button and BOOM 💥 .

SO MANY DIFFERENT THEMES !! ALL UNDER ONE! SELECT THE ONE WHICH SUITS BEST TO YOU.

Step 4: (ONLY FOR WINDOWS, NOT NEEDED ON MACOS) Install Mactype

Mactype is an application used to improve font rendering on Windows. Install Mactype from here: https://github.com/snowie2000/mactype/releases/download/v1.2023.5.31/mactype-20230531.zip

And install it. Now open Mactray, select run as windows service. Click Next. On next screen, select default profile. Click finish. You are good to go!

Step 5: Customizing VS Code UI

Dowload Custom CSS and JS Loader.

Now you need to create a css file at a location of your choice in your os. Since I am using Windows here for this tutorial, I am creating it at C:/Users/Username/.local/customcss.css. Now remember this location.

Open VS Code, press Ctrl/Cmd+Shift+P, type open user settings json.

Add following line to it:

"vscode_custom_css.imports": [

 "file:///C:/Users/username/.local/customcssforvscode.css"
],

Path name will differ for different OS and users.

Now open the css file you created and add following lines to it. .windows class is only for windows. Use .linux OR .mac for your OS respectively.

.windows {
    font-family: "Inter";
    -webkit-text-stroke-width: 0.2px; /* not needed on macos */
}

.mtki {
    font-family: VictorMono Nerd Font;
}

What does it do?
Giving stroke width improves font display on Windows and Linux. We are also changing font family of the UI to Inter.

Modifying properties in mtki class control the italic font behaviours in VS Code. We changed italic font family to our desired font.

You can modify these as much as you want.

And save it.

Now press Ctrl/Cmd+Shift+P, type enable custom css and js, and press enter. Restart VS Code as instructed

Voila!! A complete different and new looking VS Code.

You will notice all italic fonts are now looking very very good.

This is how it will look after doing above customisations.

Step 6: Customising Title Bar

Press Ctrl/Cmd + ,, type window.title. You will get a input box like below.

Now type whatever you think is right for you. I just type file name and my name. You can do as you like.

Also change title bar style to custom.

///////////////////////////////////

Everything is complete. Now you have a completely new looking VS Code.

///////////////////////////////////

More customisations include messing with settings in View Menu. You can enable different modes such as zen mode etc to get a more focused editor environment.

///////////////////////////////////

Hope you liked my blog. LIKE AND SHARE IT!

The last extension you need in VSCode : The Perfect, Ultimate Theme Extension

Lakshit Somani — Wed, 01 Nov 2023 12:54:02 +0000

Yes, you read that right. For all the developer community out there, I tried to make the ultimate VS Code themes extension plugin to help you out there. Now you don't have to spend hours searching for the Perfect Theme suitable to your needs because I have done so. ✨

🎨🚀 Best Themes Redefined is a collection like no other, featuring 53 hand-crafted themes that you won't find anywhere else on the internet. I've taken the best themes out there and customized them just for you. 💥

I've also added some unique themes that I've personally created. So not only will you discover the most sought-after themes, but you'll also find hidden gems you won't want to miss. It's time to take your coding experience to a whole new level with Best Themes Redefined! 💎

Try them today itself for ABSOLUTELY FREE !! ✨

Theme List

Here's a full list of the themes included in the Best Themes Redefined extension:

Best Themes - Ayu Darkvenom
Best Themes - Blueberry Banana
Best Themes - Brogrammer
Best Themes - Calm Darkvenom
Best Themes - Catppuccin
Best Themes - Darcula
Best Themes - Darcula Darker
Best Themes - Dark Phoenix
Best Themes - Darwin
Best Themes - Dracula Redefined No Italic
Best Themes - Dracula Redefined
Best Themes - Gruvbox Dark
Best Themes - Gruvbox Material Dark
Best Themes - Gruvbox Concoctis Dark
Best Themes - Gruvbox NvChad
Best Themes - Horizon
Best Themes - Karma
Best Themes - Laserwave
Best Themes - Laserwave Italic
Best Themes - Material Black No Italic
Best Themes - Material Black Italic
Best Themes - Material High Contrast No Italic
Best Themes - Material High Contrast Italic
Best Themes - Material Ocean No Italic
Best Themes - Material Ocean Italic
Best Themes - Monokai Awesome
Best Themes - Monokai Black
Best Themes - Monokai Night Time Italic
Best Themes - Monokai Night Time No Italic
Best Themes - Monokai Pirokai Arctic Frost
Best Themes - Monokai Pirokai Beach Sunset
Best Themes - Monokai Winter Night
Best Themes - Mystic Cyan
Best Themes - Neon City Darkvenom
Best Themes - Night Owl
Best Themes - Night Owl No Italic
Best Themes - Nord Cold
Best Themes - Nord Dark
Best Themes - Ocean Night
Best Themes - One Dark Pro
Best Themes - One Dark Pro No Italic
Best Themes - One Monokai
Best Themes - One Monokai Darker
Best Themes - Outrun Space
Best Themes - Panda Syntax
Best Themes - Pink Panther
Best Themes - Sia Synthwave
Best Themes - Slime
Best Themes - Snazzy
Best Themes - Synthwave Black(No Neon)
Best Themes - Xcode Catalina
Best Themes - Xcode Catalina Bold
Best Themes - Xcode Fusion

MIND BLOWN ??

Installation Guide 📥💻

Follow these simple steps to install Best Themes Redefined and elevate your coding environment:

Method 1: Directly Inside VS Code

Launch Visual Studio Code. 🚀
Go to the Extensions view by clicking on the square icon in the sidebar or pressing Ctrl+Shift+X (Cmd+Shift+X on macOS). 💡
Search for "Best Themes Redefined" in the extensions marketplace. 🔍🌐
Click Install to add the extension to your workspace. ⚙️✅
Once installed, click on the gear icon in the lower left corner to open the settings menu. ⚙️🔧 Select Color Theme and choose your desired theme from the extensive list provided by Best Themes Redefined. 🌈🎨
Voila! Your code editor is now adorned with the beauty of your chosen theme. 🎉✨

Method 2: VS Code Extension Marketplace

CLICK ME, I WANT BEST THEMES REDEFINED FOR FREE" 🌟

Do give me a review !

You will not need another VSCode theme extension ever again after this 👉

Lakshit Somani — Sun, 21 May 2023 18:42:22 +0000

Unleash the power of Best Themes Redefined and bid farewell to the endless pursuit of the perfect VSCode/VSCodium theme. Brace yourself for a coding revolution unlike any other. Say goodbye to the never-ending cycle of theme hopping and embrace the one-stop solution that will redefine your coding journey for eternity. With Best Themes Redefined, your quest for the ultimate theme ends here. Immerse yourself in a world of breathtaking designs, vibrant hues, and unparalleled customization options. Elevate your coding experience to new heights and experience a level of productivity and inspiration you never thought possible. Get ready to say, "I have found the holy grail of VSCode themes!" 🎨💥✨

Best Themes Redefined 🎨✨

🎨🚀 A distinguished collection of 51 meticulously crafted themes that strike the perfect balance between aesthetics and functionality. 💻

Immerse Yourself in Beauty and Creativity 🌈

Unleash your imagination and surround yourself with a stunning array of vibrant, visually captivating themes. Best Themes Redefined offers an extensive collection of 51 meticulously crafted themes, each crafted to bring out the best in your code. Immerse yourself in a world of vibrant colors, stunning contrasts, and carefully selected palettes, meticulously designed to enhance your productivity and bring your code to life. Let your creativity soar as you explore the diverse range of themes offered in this extension. Each theme is thoughtfully curated, with its own unique personality, to cater to every coder's taste and preference.

Theme List

Here's a full list of the 51 themes included in the Best Themes Redefined extension:

Best Themes - Blueberry Banana
Best Themes - Brogrammer
Best Themes - Darcula Darker
Best Themes - Darcula
Best Themes - Dark Phoenix
Best Themes - Darwin
Best Themes - Default Dark Plus Black
Best Themes - Dracula Redefined No Italic
Best Themes - Dracula Redefined
Best Themes - Electron 2
Best Themes - Electron
Best Themes - Gruvbox Concoctis Dark
Best Themes - Gruvbox Dark
Best Themes - Gruvbox Material Dark
Best Themes - Gruvbox NvChad
Best Themes - Horizon
Best Themes - Karma
Best Themes - Laserwave Italic
Best Themes - Laserwave
Best Themes - Material Black Italic
Best Themes - Material Black No Italic
Best Themes - Material High Contrast Italic
Best Themes - Material High Contrast No Italic
Best Themes - Material Ocean Italic
Best Themes - Material Ocean No Italic
Best Themes - Monokai Awesome
Best Themes - Monokai Black
Best Themes - Monokai Night Time Italic
Best Themes - Monokai Night Time No Italic
Best Themes - Monokai Pirokai Arctic Frost
Best Themes - Monokai Pirokai Beach Sunset
Best Themes - Monokai Winter Night
Best Themes - Mystic Cyan
Best Themes - Neon City
Best Themes - Night Owl No Italic
Best Themes - Night Owl
Best Themes - Nord Cold
Best Themes - Nord Dark
Best Themes - Ocean Night
Best Themes - One Dark Pro No Italic
Best Themes - One Dark Pro
Best Themes - One Monokai Darker
Best Themes - One Monokai
Best Themes - Outrun Space
Best Themes - Panda Syntax
Best Themes - Pink Panther
Best Themes - Sia Synthwave
Best Themes - Synthwave Black(No Neon)
Best Themes - Xcode Catalina Bold
Best Themes - Xcode Catalina
Best Themes - Xcode Fusion

Installation Guide 📥💻

Download using this link : https://marketplace.visualstudio.com/items?itemName=lakshits11.best-themes-redefined

Follow these simple steps to install Best Themes Redefined and elevate your coding environment in editor itself:

Launch Visual Studio Code. 🚀
Go to the Extensions view by clicking on the square icon in the sidebar or pressing Ctrl+Shift+X (Cmd+Shift+X on macOS). 💡
Search for "Best Themes Redefined" in the extensions marketplace. 🔍🌐
Click Install to add the extension to your workspace. ⚙️✅
Once installed, click on the gear icon in the lower left corner to open the settings menu. ⚙️🔧
Select Color Theme and choose your desired theme from the extensive list provided by Best Themes Redefined. 🌈🎨
Voila! Your code editor is now adorned with the beauty of your chosen theme. 🎉✨

Recommended Settings for the Best Experience 🔧💡⚙️

To make the most of Best Themes Redefined, we recommend configuring the following settings:

Use Nerd Font ✒️: Best Themes Redefined truly shines when paired with a Nerd Font. Install a Nerd Font of your choice, such as Fira Code Nerd Font or JetBrains Mono Nerd Font, and set it as your editor's font family to unlock the full visual potential of the themes. 💪🔤
Enable Ligatures: Ligatures are a typographic feature that combine two or more characters into a single glyph. We recommend enabling ligatures for an enhanced coding experience.

To further enhance your productivity and coding experience, we recommend these additional VS Code settings:

{
  "editor.fontFamily": "'JetbrainsMono Nerd Font', 'FiraCode Nerd Font', 'Hack Nerd Font', 'monospace'",
  "editor.smoothScrolling": true,
  "terminal.integrated.fontFamily": "'JetbrainsMono Nerd Font', 'FiraCode Nerd Font', 'Hack Nerd Font', 'monospace'",
  "terminal.integrated.lineHeight": 1.5,
  "editor.fontLigatures": true,
  "editor.lineHeight": 1.5,
  "editor.minimap.enabled": false,
  "editor.tabSize": 2,
  "workbench.iconTheme": "material-icon-theme",
  "editor.semanticTokenColorCustomizations": {
    "enabled": true
  },
  "editor.semanticHighlighting.enabled": true
}

These settings will harmonize seamlessly with Best Themes Redefined, ensuring a visually cohesive and productive coding environment. 💼💻

About the Developer ✨👩‍💻

Hey there! 👋 Best Themes Redefined is developed and maintained by me [https://www.github.com/lakshits11].

As a passionate software engineer, I thrive on innovative ideas and customizations that elevate the coding experience. With an artistic flair and technical expertise, I craft visually stunning themes that push the boundaries of creativity. Collaborating with developers worldwide, I continuously refine and enhance the collection to inspire productivity and ignite imagination. Join me on this exciting journey as we redefine coding aesthetics, making every line of code a work of art. Together, let's shape the future of development and unlock new realms of possibility. 💡🎨💻

Get Started with Best Themes Redefined Today! 🚀🎉

Get ready to embark on a coding journey like no other with Best Themes Redefined. Let your creativity soar as you dive into the depths of these captivating themes, invigorating your coding experience with every keystroke. 💪🚀

Install the extension, choose your favorite theme, and let the beauty and creativity unfold before your eyes. Elevate your productivity, enjoy coding like never before, and watch your imagination take flight. Happy coding! 🌈💻✨

Share Your Feedback and Spread the Word 🗣️🌟

We value your feedback and would love to hear your thoughts on Best Themes Redefined. If you have any suggestions, feature requests, or just want to share your experience, don't hesitate to reach out to us. Your feedback helps us improve and create even better themes for you. 📣🤝

If you find Best Themes Redefined to be a productivity-boosting addition to your coding arsenal, we encourage you to share it with your fellow developers and friends. Let them experience the beauty and creativity that Best Themes Redefined brings to their coding environment. Together, we can create a community of inspired coders using the best themes out there! 🌟💻

Github Repo: here

[Part 2] 🚀: I bet you have never used this VS Code theme. Ever. ⚡(Maybe ?)

Lakshit Somani — Thu, 18 May 2023 08:23:56 +0000

So here we are again 😁. For viewers not knowing the title backstory, click here to know it: I bet you have never used this theme. Ever..

Part 1: Click here to check a new theme: Neon City

Part 2: So here, I am back again to introduce you to a brand new theme I created:

Monokai Pirokai 🎨🔥

Elevate your coding experience with Monokai Pirokai - the ultimate VS Code theme that combines the vibrant colors of Monokai Pro 🔴💚🔵 with a sleek, dark background for maximum style and functionality. With two variants - Arctic Frost 🌬️ and Beach Sunset 🌅 - Monokai Pirokai is the perfect choice for developers who demand both style and substance.

Features 🚀

Monokai Pirokai is designed to make your coding environment both stylish and productive. Its vibrant colors and sleek design make it easy on the eyes 👀, while its syntax highlighting and clear contrast between different elements make coding faster and more accurate than ever before.

Monokai Pirokai also includes the following features:

🌟 Two variants - Arctic Frost and Beach Sunset - to suit any coding style.
🌟 Easy-to-read syntax highlighting for maximum productivity.
🌟 Clear contrast between different elements for faster and more accurate coding.
🌟 Sleek and modern design that looks great on any screen.
🌟 Compatible with a wide range of popular VS Code extensions.

Installation 💻

One way is to Install directly from Visual Studio Code Marketplace : Monokai Pirokai 🚀 at VS Code Marketplace

To install Monokai Pirokai, follow these easy steps:

Open the Extensions view in VS Code by clicking on the Extensions button in the Activity Bar on the side of the VS Code window (or press Ctrl+Shift+X).
Search for "Monokai Pirokai" in the search bar.
Click the "Install" button to install the theme.
Once installation is complete, click the "Reload" button to activate the new theme.

Recommended VS Code Settings ⚙️

💻 To get the most out of Monokai Pirokai, we recommend the following settings:

Use a Nerd Font : Nerd Fonts are a collection of fonts that add additional glyphs to your editor, such as icons for programming languages and tools. We recommend installing a Nerd Font and using it with Neon City for an enhanced coding experience. See this nerd font repo for a list of Nerd Fonts.
Enable Ligatures : Ligatures are a typographic feature that combine two or more characters into a single glyph. We recommend enabling ligatures for an enhanced coding experience.

💡 In addition to these settings, we recommend the following VS Code settings:

{
  "workbench.colorTheme": "Monokai Pirokai - Arctic Frost",
  "editor.fontFamily": "'Fira Code Nerd Font', 'Jetbrains Mono Nerd Font', 'Hack Nerd Font', 'monospace'",
  "editor.lineHeight": 1.5,
  "editor.smoothScrolling": true,
  "editor.fontLigatures": true,
  "editor.minimap.enabled": false,
  "editor.tabSize": 2,
  "terminal.integrated.fontFamily": "'Fira Code Nerd Font', 'Jetbrains Mono Nerd Font', 'Hack Nerd Font', 'monospace'",
  "terminal.integrated.lineHeight": 1.5,
  "workbench.iconTheme": "material-icon-theme"
}

Snapshot 📸

Below are snapshots for Monokai Pirokai - Beach Sunset 🌊🌄

Github

Wait, there's more! If you want to take your Monokai Pirokai experience to the next level, or become more cool, be sure to check out our GitHub repository. Here you'll find all the latest updates and improvements, as well as a community of developers just like you who are passionate about creating the best possible coding environment. Join us on GitHub and start collaborating with other developers, sharing your ideas, and making Monokai Pirokai even better! 💻🤝

Updates

More updates, styles and colors will be coming soon
!! 🎉🎁

Conclusion 🎉

Try Monokai Pirokai for your coding environment. We believe that this theme is the perfect combination of style and functionality, and we are confident that it will help you code faster and more accurately than ever before. So why wait? Install Monokai Pirokai today and experience the excitement and energy of a truly cutting-edge VS Code theme! 💻💥

The Mind-Blowing Potential of Quantum Computing: Could it Revolutionize Drug Discovery and Put an End to Online Hackers?

Lakshit Somani — Sat, 29 Apr 2023 17:22:26 +0000

Are you ready for a glimpse into the future? The world of quantum computing is nothing short of mind-blowing, and the potential it holds for revolutionizing our lives is nothing short of amazing. From drug discovery to cybersecurity, quantum computing has the potential to solve problems that once seemed impossible to tackle.

Imagine being able to discover new drugs in a matter of months, rather than years. This breakthrough could save countless lives and improve healthcare outcomes. Quantum computing enables us to simulate the behavior of molecules much faster than traditional computers, which would significantly speed up the drug discovery process and help us find the most promising drug candidates. With quantum computing, we could be on the cusp of a medical revolution.

But the potential of quantum computing extends beyond healthcare. In a world where cybercrime is rampant and personal information is constantly at risk of being hacked, quantum cryptography offers a new level of protection. By using the principles of quantum mechanics, we can ensure secure communication that's practically unbreakable. It's a game-changer that could put an end to online hackers and keep our information safe.

Of course, quantum computing isn't without its challenges. Scientists are still working on scaling up quantum computers to handle complex simulations and making them more reliable. But with continued research and development, we could see a world where quantum computing is the norm and problems that once seemed insurmountable can be solved faster than ever before.

As young people who will be inheriting the future, it's exciting to think about how quantum computing could change our world for the better. The possibilities are endless, and the future is brighter than ever before. So, are you ready to be a part of this technological revolution? Keep your eyes on the horizon, because quantum computing is just the beginning.

All images used belong to their respective owners.

I bet you have never used this theme. Ever.

Lakshit Somani — Tue, 25 Apr 2023 14:43:21 +0000

So that was a hell of a title, wasn't it?
I wanted to share with all of you my new VS Code theme crafted very carefully for programmers. Introducing the all new Neon City Theme for VS Code ⚡⚡

Neon City: A Premium, Classy Theme for VS Code ⚡

🚀 Download from here

🌃 Welcome to Neon City, the ultimate theme for your VS Code editor! With its stunning purple hues and sleek design, Neon City is the perfect choice for those looking for a premium and classy look for their coding environment.

Beauty and Elegance

🌆 The beauty of Neon City lies in its simplicity and elegance. The theme is designed to provide a comfortable and efficient coding experience, with carefully chosen color combinations that enhance the readability of your code. The purple background with contrasting shades of pink and blue ensures that your code stands out and is easy on the eyes.

🌃 The theme comes with carefully designed intuitive syntax highlighting that make it easy to navigate your codebase. With Neon City, you'll find yourself more productive and focused than ever before.

Installation

🚀 Installing Neon City is a breeze! Simply follow these steps:

Open the Extensions panel in VS Code by clicking on the Extensions icon in the left-hand sidebar, or by using the shortcut Ctrl+Shift+X (Windows/Linux) or Cmd+Shift+X (macOS).
Search for "Neon City" in the search bar.
Click on the "Install" button.
Once installed, click on the "Reload" button to apply the theme.

Alternative Way: 🚀 Download from here

🌠 And that's it! You're now ready to enjoy the beauty and productivity boost that Neon City provides.

Recommended Settings

💻 To get the most out of Neon City, we recommend the following settings:

Use a Nerd Font: Nerd Fonts are a collection of fonts that add additional glyphs to your editor, such as icons for programming languages and tools. We recommend installing a Nerd Font and using it with Neon City for an enhanced coding experience. See this guide for a list of Nerd Fonts.
Enable Ligatures: Ligatures are a typographic feature that combine two or more characters into a single glyph. We recommend enabling ligatures for an enhanced coding experience.

💡 In addition to these settings, we recommend the following VS Code settings:

"workbench.colorTheme": "Neon City",
"editor.fontFamily": "'Hack Nerd Font', 'Fira Code Nerd Font', 'Jetbrains Mono Nerd Font', 'monospace'",
"editor.smoothScrolling": true,
"terminal.integrated.fontFamily": "'Hack Nerd Font', 'Fira Code Nerd Font', 'Jetbrains Mono Nerd Font', 'monospace'",
"terminal.integrated.lineHeight": 1.5,
"editor.fontLigatures": true,
"editor.lineHeight": 1.5,
"editor.minimap.enabled": false,
"editor.tabSize": 2,
"workbench.iconTheme": "material-icon-theme",

Looks ✨

JavaScript

Python

HTML

🎉 You're now all set to enjoy the stunning beauty and productivity boost that Neon City brings to your coding environment. Happy coding!

Github Repo Link: lakshits11/neon-city

I published a new VS Codium Theme Extension

Lakshit Somani — Thu, 21 Jul 2022 09:34:12 +0000

This is a short post :)
This is my first post here. First and foremost, if you dont know about VS Codium, I recommend you to read this article first.

Why and How to migrate to VS Codium

This will tell you about VS Codium and also give you reasons to migrate to VS Codium from VS Code.

So now that you are convinced to use VS Codium (I guess :) ), here is a theme extension for you!

🔥🔥 Best Themes by Lakshit Somani 🔥🔥

Screenshot:

PS: If you want same extension in VS Code, here is the link:

🔥🔥 Best Themes by Lakshit Somani 🔥🔥