{"code":200,"data":[{"id":"8fe62df97b4ed1e8","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"hkhcoder/vprofile-project","url":"https://github.com/hkhcoder/vprofile-project","guid":"https://github.com/hkhcoder/vprofile-project","summary":"Prerequisites JDK 17 or 21 Maven 3.9 MySQL 8 Technologies Spring MVC Spring Security Spring Data JPA Maven JSP Tomcat MySQL Memcached Rabbitmq ElasticSearch Database Here,we used Mysql DB sql dump file: /src/main/resources/db_backup.sql db_…","content":"

Prerequisites

\n

\n \n

Technologies

\n \n

Database

\n

Here,we used Mysql DB sql dump file:

\n","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"30e7d6d70ff76024","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"thewhiteh4t/seeker","url":"https://github.com/thewhiteh4t/seeker","guid":"https://github.com/thewhiteh4t/seeker","summary":"Accurately Locate Smartphones using Social Engineering Available in Concept behind Seeker is simple, just like we host phishing pages to get credentials why not host a fake page that requests your location like many popular location based w…","content":"

Accurately Locate Smartphones using Social Engineering

\n

   

\n


Available in

\n

\n

Concept behind Seeker is simple, just like we host phishing pages to get credentials why not host a fake page that requests your location like many popular location based websites. Read more on thewhiteh4t's Blog .Seeker Hosts a fake website which asks for Location Permission and if the target allows it, we can get :

\n \n

Along with Location Information we also get Device Information without any permissions :

\n \n

Automatic IP Address Reconnaissance is performed after the above information is received.

\n

This tool is a Proof of Concept and is for Educational Purposes Only, Seeker shows what data a malicious website can gather about you and your devices and why you should not click on random links and allow critical permissions such as Location etc.

\n

How is this Different from IP GeoLocation

\n \n

Templates

\n

Available Templates :

\n \n

Create your own template ! Steps to let you create your template is described in this how-to

\n

Once your template is ready, do not forget to propose it to the community via a PR (pull request)

\n

Tested On :

\n \n

Installation

\n

Kali Linux / Arch Linux / Ubuntu / Fedora / Parrot OS / Termux

\n
git clone https://github.com/thewhiteh4t/seeker.git\ncd seeker/\nchmod +x install.sh\n./install.sh\n
\n

BlackArch Linux

\n
sudo pacman -S seeker\n
\n

Docker

\n
docker pull thewhiteh4t/seeker\n
\n

OSX

\n
git clone https://github.com/thewhiteh4t/seeker.git\ncd seeker/\npython3 seeker.py\n
\n

In order to run in tunnel mode, install ngrok by running this command in the terminal:

\n
brew install ngrok/ngrok/ngrok\n\nngrok http 8080\n
\n

Usage

\n
python3 seeker.py -h\n\nusage: seeker.py [-h] [-k KML] [-p PORT] [-u] [-v] [-t TEMPLATE] [-d] [--telegram token:chatId] [--webhook WEBHOOK]\n\noptions:\n  -h, --help                            show this help message and exit\n  -k KML, --kml KML                     KML filename\n  -p PORT, --port PORT                  Web server port [ Default : 8080 ]\n  -u, --update                          Check for updates\n  -v, --version                         Prints version\n  -t TEMPLATE, --template TEMPLATE      Auto choose the template with the given index\n  -d, --debugHTTP                       Disable auto http --> https redirection for testing purposes \n                                        (only works for the templates having index_temp.html file)\n  --telegram                            Send info to a telegram bot, provide telegram token and chat to use\n                                        format = token:chatId separated by a colon\n  --webhook                             Send events to a webhook endpoint to be processed\n                                        Note : endpoint must be unauthenticated and accept POST request\n\n#########################\n# Environment Variables #\n#########################\n\nSome of the options above can also be enabled via environment variables, to ease deployment.\nOther parameters can be provided via environment variables to avoid interactive mode.\n\nVariables:\n  DEBUG_HTTP            Same as -d, --debugHTTP\n  PORT                  Same as -p, --port\n  TEMPLATE              Same as -t, --template\n  TITLE                 Provide the group title or the page title\n  REDIRECT              Provide the URL to redirect the user to, after the job is done\n  IMAGE                 Provide the image to use, can either be remote (http or https) or local\n                        Note : Remote image will be downloaded locally during the startup\n  DESC                  Provide the description of the item (group or webpage depending on the template)\n  SITENAME              Provide the name of the website\n  DISPLAY_URL           Provide the URL to display on the page\n  MEM_NUM               Provide the number of group membres (Telegram so far)\n  ONLINE_NUM            Provide the number of the group online members (Telegram so far)\n  TELEGRAM              Provide telegram token and chat to use to send info to a telegram bot\n                        format = token:chatId separated by a colon\n  WEBHOOK               Provide the webhook url to forward the events to \n                        Note : endpoint should be unauthenticated and accept POST method\n                        \n\n##################\n# Usage Examples #\n##################\n\n# Step 1 : In first terminal\n$ python3 seeker.py\n\n# Step 2 : In second terminal start a tunnel service such as ngrok\n$ ./ngrok http 8080\n\n###########\n# Options #\n###########\n\n# Ouput KML File for Google Earth\n$ python3 seeker.py -k <filename>\n\n# Use Custom Port\n$ python3 seeker.py -p 1337\n$ ./ngrok http 1337\n\n# Pre-select a specific template\n$ python3 seeker.py -t 1\n\n################\n# Docker Usage #\n################\n\n# Step 1\n$ docker network create ngroknet\n\n# Step 2\n$ docker run --rm -it --net ngroknet --name seeker thewhiteh4t/seeker\n\n# Step 3\n$ docker run --rm -it --net ngroknet --name ngrok wernight/ngrok ngrok http seeker:8080\n
\n

Local Tunnels

\n

Use

\n
ssh -R 80:localhost:8080 nokey@localhost.run\n
\n

as an alternative to ngrok

\n

Demo

\n

YouTube

\n ","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"97c519ab1d103904","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"vinceliuice/WhiteSur-gtk-theme","url":"https://github.com/vinceliuice/WhiteSur-gtk-theme","guid":"https://github.com/vinceliuice/WhiteSur-gtk-theme","summary":"MacOS like theme for all gtk based desktops WhiteSur GTK Theme A macOS like theme for Linux GTK Desktops Donate If you like my project, you can buy me a coffee, many thanks ❤️ ! Installation is easy! Required dependencies (click to open) \"I…","content":"

MacOS like theme for all gtk based desktops

WhiteSur GTK Theme

\n

\n
\n

A macOS like theme for Linux GTK Desktops

\n
\n

Donate

\n

If you like my project, you can buy me a coffee, many thanks ❤️ !

\n

\"PayPal

\n

Installation is easy!

\n
\n Required dependencies (click to open) \n

\"Install from source\" deps

\n \n

Misc deps

\n \n

Don't worry, WhiteSur installer already provides all of those dependencies.

\n
\n
\n Recommended GNOME Shell extensions (click to open) \n \n
\n

Quick install

\n

Installing from source

\n
    \n

  1. Run git clone https://github.com/vinceliuice/WhiteSur-gtk-theme.git --depth=1

    2. \n

  2. Run ./install.sh to install the default WhiteSur GTK theme pack.

    3. \n
\n

Uninstall

\n \n

There's so many customizations you can do!

\n

Usage: ./install.sh [OPTIONS...]

\n
\n Options (click to open) \n 
\nOPTIONS:\n  -d, --dest DIR\n   Set destination directory. Default is '/home/[USER_NAME]/.themes'\n\n  -n, --name NAME\n   Set theme name. Default is 'WhiteSur'\n\n  -o, --opacity [normal|solid]\n   Set theme opacity variants. Repeatable. Default is all variants\n\n  -c, --color [light|dark]\n   Set theme color variants. Repeatable. Default is all variants\n\n  -a, --alt [normal|alt|all]\n   Set window control buttons variant. Repeatable. Default is 'normal'\n\n  -t, --theme [default|blue|purple|pink|red|orange|yellow|green|grey|all]\n   Set theme accent color. Repeatable. Default is BigSur-like theme\n\n  -s, --scheme [standard|nord]\n   Set theme colorscheme style. Repeatable. Default is 'standard'\n\n  -m, --monterey \n   Set to MacOS Monterey style. \n\n  -N, --nautilus [stable|normal|mojave|glassy|right]\n   Set Nautilus style. Default is BigSur-like style (stabled sidebar)\n\n  -l, --libadwaita \n   Install theme into gtk4.0 config for libadwaita. Default is dark version\n\n  -f, --fixed \n   Install fixed accent color version. Default is adaptive version\n\n  -HD, --highdefinition \n   Set to High Definition size. Default is laptop size\n\n  --shell, --gnomeshell \n   Tweaks for gnome-shell. Options:\n\n     1. -i, -icon [apple|simple|gnome|ubuntu|tux|arch|manjaro|fedora|debian|void|opensuse|popos|mxlinux|zorin|budgie|gentoo]\n     Set gnome-shell panel 'Activities' icon. Default is 'standard'\n\n     2. -b, -background [default|blank|IMAGE_PATH]\n     Set gnome-shell background image. Default is BigSur-like wallpaper\n\n     3. -p, -panelopacity [default|30|45|60|75]\n     Set gnome-shell panel transparency. Default is 15%\n\n     4. -h, -panelheight [default|smaller|bigger]\n     Set gnome-shell panel height size. Default is 32px\n\n     5. -sf, -smallerfont \n     Set gnome-shell font size to smaller (10pt). Default is 11pt\n\n     6. normal, -normal \n     Set gnome-shell show apps button style to normal. Default is BigSur\n\n  --round, --roundedmaxwindow \n   Set maximized window to rounded. Default is square\n\n  --black, --blackfont \n   Set panel font color to black. Default is white\n\n  --darker, --darkercolor \n   Install darker 'WhiteSur' dark themes. \n\n  --dialog, --interactive \n   Run this installer interactively, with dialogs. \n\n  --silent-mode \n   Meant for developers: ignore any confirm prompt and params become more strict. \n\n  -r, --remove, -u, --uninstall \n   Remove all installed WhiteSur themes. \n\n  -h, --help \n   Show this help. \n\n
\n
\n

Fix for libadwaita (not perfect)

\n
\n Details (click to open) \n

Since the release of Gnome 43.0, more and more built-in apps use libadwaita now, and libadwaita does not support custom themes, which means we cannot change the appearance of app using libadwaita through gnome-tweaks or dconf-editor. For users who love custom themes, it’s really sucks!

\n

Anyway if anybody who still want to custom themes we can only do this way:

\n

that is to use the theme file to overwrite the gtk-4.0 configuration file. The result is that only Fixed making all gtk4 apps use one theme and cannot be switched (even can not switch to dark mode) If you want to change a theme, you can only re-overwrite the gtk-4.0 configuration file with a new theme, I know this method is not perfect, But at the moment it is only possible to continue using themes for libadwaita's apps ...

\n
\n

Run this command to install WhiteSur into gtk-4.0 configuration folder ($HOME/.config/gtk-4.0)

\n
./install.sh -l                # Default is the normal dark theme\n./install.sh -l -c light       # install light theme for libadwaita\n
\n

Change theme color and accent

\n

\n

- Install theme accent

\n

Parameter: --theme -t (repeatable)

\n

Example:

\n
./install.sh -t red            # install red theme accent only\n./install.sh -t red -t green   # install red and green theme accents\n./install.sh -t all            # install all available theme accents\n
\n

Change Nautilus style

\n

\n

Parameter: --nautilus -N

\n

Example: ./install.sh -N mojave

\n

Explore more customization features!

\n

You can run ./install.sh -h to explore more customization features we have like changing panel opacity, theme opacity (normal and solid variant), window control button variant, etc.

\n

Let's tweak!

\n

Usage: ./tweaks.sh [OPTIONS...]

\n
\n Options (click to open) \n 
\n Usage: ./tweaks.sh [OPTION] \n   \n Tweaks for GDM theme. options\n\n  -g, --gdm    Without options default GDM theme will install... \n\n      1. -b, -background [default|blank|IMAGE_PATH]   Set GDM background image Default is BigSur-like wallpaper\n\n      2. -nd, -nodarken    Don't darken 'WhiteSur' GDM theme background image \n\n      3. -nb, -noblur    Don't blur 'WhiteSur' GDM theme background image \n\n   \n Tweaks for firefox. options\n\n  -f, --firefox         [(monterey|flat)|alt|(darker|adaptive)]   Without options default WhiteSur theme will install...   Options:\n\n      1. monterey       [3+3|3+4|3+5|4+3|4+4|4+5|5+3|5+4|5+5]   Topbar buttons (not window control buttons) number: 'a+b'   a: left side buttons number, b: right side buttons number\n\n      2. flat           Monterey alt version    Flat round tabs...\n\n      3. alt            Alt windows button version    Alt windows button style like gtk theme\n\n      4. darker         Darker Firefox theme version    Darker Firefox theme version\n\n      5. nord           Nord Firefox colorscheme version    Nord Firefox colorscheme version\n\n      6. adaptive       Adaptive color version   You need install adaptive-tab-bar-colour plugin first   https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour/\n\n      7. link           Install links for theme    Link source file to theme folder\n\n  -e, --edit-firefox [(monterey|flat)|alt|(darker|adaptive)]\n   Edit 'WhiteSur' theme for Firefox settings and also connect the theme to the current Firefox profiles. \n\n   \n Others. options\n\n  -F, --flatpak Support options: [-o, -c, -t...]   Connect 'WhiteSur' theme to Flatpak Without options will only install default themes\n\n      1.  -o, --opacity [normal|solid]   Set 'WhiteSur' flatpak theme opacity variants Default is 'normal'\n\n      2.  -c, --color [Light|Dark]   Set 'WhiteSur' flatpak theme color variants Default is 'light'\n\n      3.  -t, --theme [default|blue|purple|pink|red|orange|yellow|green|grey]   Set 'WhiteSur' flatpak theme accent color Default is 'blue'\n\n      4.  -s, --scheme [standard|nord]   Set 'WhiteSur' flatpak theme colorscheme style Default is 'standard'\n\n  -d, --dash-to-dock \n   Fixed Dash to Dock theme issue. \n\n  -r, --remove, --revert \n   Revert to the original themes, do the opposite things of install and connect. \n\n  --silent-mode \n   Meant for developers: ignore any confirm prompt and params become more strict. \n\n  -h, --help \n   Show this help. \n\n
\n
\n

There's more themes you can try!

\n

Install and edit Firefox theme

\n

\n

- Install Firefox theme

\n

Parameter: --firefox -f

\n

Example: ./tweaks.sh -f

\n

- Edit Firefox theme

\n

Parameter: --edit-firefox -e

\n

Example:

\n
./tweaks.sh -e           # edit the installed Firefox theme\n./tweaks.sh -f -r        # remove installed Firefox theme\n./tweaks.sh -f monterey  # install Monterey Firefox theme\n
\n

\n

Install and customize GDM theme

\n

\n

- Install GDM theme

\n

Parameter: --gdm -g (requires to be run as root)

\n

Example: sudo ./tweaks.sh -g

\n

- Change the background

\n

Parameter: --background -b

\n

Example:

\n
sudo ./tweaks.sh -g -b \"my picture.jpg\" # use the custom background\nsudo ./tweaks.sh -g -b default          # use the default background\nsudo ./tweaks.sh -g -b blank            # make it blank\n
\n

- Don't darken the background

\n

Parameter: --nodarken -nd

\n

Example:

\n
sudo ./tweaks.sh -g -nd                          # darken the default background\nsudo ./tweaks.sh -g -nd -b \"wallpapers/snow.jpg\" # darken the custom background\n
\n

- Don't blur the background

\n

Parameter: --noblur -nb

\n

Example:

\n
sudo ./tweaks.sh -g -nb                           # don't blur the default background\nsudo ./tweaks.sh -g -nb -b \"wallpapers/rocks.jpg\" # don't blur the custom background\n
\n

- Do more GDM customizations

\n

You can do the similar customization features in ./install.sh like changing theme color (dark and light variant) and accent, GNOME Shell 'Activities' icon, etc. related to GDM. Run ./tweaks.sh -h to explore!

\n

\n

Fix for Flatpak

\n

1. Run command to fix it

\n
sudo flatpak override --filesystem=xdg-config/gtk-3.0 && sudo flatpak override --filesystem=xdg-config/gtk-4.0\n
\n

If you use flatpak apps, you can run this to fix theme issue

\n

2. Connect WhiteSur theme to Flatpak (gtk 3.0) (Snap not support)

\n

Parameter: --flatpak -F

\n

Example: ./tweaks.sh -F

\n

Other recommended stuff

\n

WhiteSur Icon Theme

\n

\n
\n

\n
\n

WhiteSur Wallpapers

\n

\n
\n

\n
\n

Technical details and getting involved

\n

Please go read CONTRIBUTING.md for more info

","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"941a9ab69de47a3e","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"refact0r/system24","url":"https://github.com/refact0r/system24","guid":"https://github.com/refact0r/system24","summary":"a tui-style discord theme system24 a customizable, tui-style discord theme. inspired by spicetify text theme. discord server need help? want to get notified about updates? have feedback? join https://discord.gg/nz87hXyvcy install vencord/be…","content":"

a tui-style discord theme

\n

system24

\n

a customizable, tui-style discord theme. inspired by spicetify text theme.

\n \n

discord server

\n

need help? want to get notified about updates? have feedback? join https://discord.gg/nz87hXyvcy

\n

install

\n

vencord/betterdiscord (or any client that supports theme files)

\n
    \n
  1. download the theme file, system24.theme.css. (there should be a download button at the top right of the page)
    2. \n
  2. drag the file into your theme folder. (there should be a button to open the theme folder in theme settings)
    3. \n
  3. (optional) customize the theme by editing the options in system24.theme.css.
    4. \n
\n

install through link

\n

add https://refact0r.github.io/system24/build/system24.css to your theme import links. you will need to copy the theme variables to your quickcss in order to customize the theme.

\n

flavors

\n

customized variants of the theme.

\n \n

contributing

\n

this theme depends on midnight for its core styles. if you're looking to contribute, please consider which theme you actually want to work on. feel free to open an issue and ask if you're unsure.

\n

this theme uses a dev script to check for changes in the /src .css files and combine them into a build file in /build. note that both the /src files and the /build file are tracked in git, so any changes you contribute should exist in both places!!

\n

to run locally:

\n
    \n
  1. clone the repository.
    2. \n
  2. run npm i.
    3. \n
  3. create a .env file in the project root with the paths of any local theme files you want to update (comma separated)
    4. \n
\n
DEV_OUTPUT_PATH=C:\\Users\\USERNAME\\AppData\\Roaming\\Vencord\\themes\\system24-dev.theme.css\n
\n
    \n
  1. run npm run dev.
    2. \n
  2. make changes to any file in /src or the main theme file. the local theme files you listed will automatically be updated, along with the build file in /build.
    3. \n
  3. make a pull request with your changes!
    4. \n
\n

credits

\n

spicetify text theme for primary design inspiration.

\n

thanks to all the contributors!

","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"dfbf67fac24e16f2","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"opera-gaming/gxmods","url":"https://github.com/opera-gaming/gxmods","guid":"https://github.com/opera-gaming/gxmods","summary":"Documentation for GX modsWhat are Opera GX Mods? GX Mods are a collection of customizations that allow users to create unique browsing experiences within Opera GX. With GX Mods, users can modify the browser's appearance, sounds, music, them…","content":"

Documentation for GX mods

What are Opera GX Mods?

\n

\"GXMods\"

\n

GX Mods are a collection of customizations that allow users to create unique browsing experiences within Opera GX. With GX Mods, users can modify the browser's appearance, sounds, music, theme, wallpaper and even web content using web modding and shaders.

\n

Users can install multiple mods and choose which elements to enable, giving them full control over the desired final effect.

\n

What can be done with mods?

\n

With mod customization, authors have complete control over what is included and how deep the modifications go. Mods can range in modifications from small keyboard sound packs to Mega Mods that incorporate all possible changes.

\n

The following areas provide ample opportunities to unleash creativity:

\n
    \n
  1. Background music - dynamic music that fits browsing
    2. \n
  2. Keyboard sounds - mechanical keyboard, typewriter, or sci-fi terminal sounds
    3. \n
  3. Browser sounds - opening and closing tabs, clicking, flipping switches, etc.
    4. \n
  4. Wallpaper - light and dark versions (static and animated)
    5. \n
  5. Theme - color theme for light and dark mode
    6. \n
  6. Web modding - tuning web pages to create unique appearances
    7. \n
  7. Shaders - applying visual effects to the whole screen while browsing.
    8. \n
\n

How to create mods?

\n

We have video tutorials for making each aspect of a mod:

\n
    \n
  1. Webpage Modification (Shaders & CSS)
    2. \n
  2. Sounds And Music
    3. \n
  3. Browser Theme And Wallpaper
    4. \n
  4. Live Wallpapers (Interactive)
    5. \n
\n

The basic steps are:

\n
    \n
  1. Try sample mods to see what's possible.
    2. \n
  2. Use Mod_Template as starting point.
    3. \n
  3. Read documentation to improve it.
    4. \n
  4. Follow guidelines to make it even better.
    5. \n
  5. Upload to GX.store via GX.create.
    6. \n
\n

Bonus: You can use this Figma template to create good looking images for GX.store.

\n

How to load sample mods?

\n
    \n
  1. Open Extensions view (opera:extensions)
    2. \n
  2. Enable Developer mode in top right corner
    3. \n
  3. Click Load unpacked and point to directory with manifest.json
    4. \n
  4. Loaded mod will shown in Mods view (opera:mods)
    5. \n
\n

How to build and share mod?

\n

There are two options. Building mod locally and sharing:

\n
    \n
  1. Open extensions view (opera:extensions)
    2. \n
  2. Enable Developer mode in top right corner
    3. \n
  3. Click Pack extension and point to directory with manifest.json
    4. \n
\n

This will produce .CRX file that you can share with friends. Drag and drop it into Opera GX to install that mod.

\n

Or uploading zipped mod to GX.store via GX.create.

\n

Is there a store?

\n

Yes. It's called GX.store and you can upload mods that you created via GX.create.

\n

\"GX.store\"

","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"4fc09055ef0dc307","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"jothepro/doxygen-awesome-css","url":"https://github.com/jothepro/doxygen-awesome-css","guid":"https://github.com/jothepro/doxygen-awesome-css","summary":"Custom CSS theme for doxygen html-documentation with lots of customization parameters.Doxygen Awesome Doxygen Awesome is a custom CSS theme for Doxygen HTML documentation with many customization options. Motivation I really like how the Dox…","content":"

Custom CSS theme for doxygen html-documentation with lots of customization parameters.

Doxygen Awesome

\n

\"GitHub \"GitHub\" \"GitHub

\n
\n

\"Screenshot

\n
\n

Doxygen Awesome is a custom CSS theme for Doxygen HTML documentation with many customization options.

\n

Motivation

\n

I really like how the Doxygen HTML documentation is structured, but IMHO it looks a bit outdated.

\n

This theme is an attempt to modernize the visuals of Doxygen without changing its overall layout too much.

\n

Features

\n \n

Examples

\n

Some websites using this theme:

\n \n

Installation

\n

To use the theme when generating your documentation, bring the required CSS and JS files from this repository into your project.

\n

This can be done in several ways:

\n \n

All theme files are located in the root of this repository and start with the prefix doxygen-awesome-. You may not need all of them. Follow the installation instructions to determine which files are required for your setup.

\n

Git submodule

\n

For projects that use Git, add the repository as a submodule and check out the desired release:

\n
git submodule add https://github.com/jothepro/doxygen-awesome-css.git\ncd doxygen-awesome-css\ngit checkout v2.4.2\n
\n

CMake with FetchContent

\n

For projects that build with CMake, the FetchContent module can be used to download the repository at configuration time.

\n

Add the following snippet to your CMakeLists.txt:

\n
include(FetchContent)\nFetchContent_Declare(\n    doxygen-awesome-css\n    URL https://github.com/jothepro/doxygen-awesome-css/archive/refs/heads/main.zip\n)\nFetchContent_MakeAvailable(doxygen-awesome-css)\n\n# Save the location the files were cloned into\n# This allows us to get the path to doxygen-awesome.css\nFetchContent_GetProperties(doxygen-awesome-css SOURCE_DIR AWESOME_CSS_DIR)\n\n# Generate the Doxyfile\nset(DOXYFILE_IN ${CMAKE_CURRENT_SOURCE_DIR}/doc/Doxyfile.in)\nset(DOXYFILE_OUT ${CMAKE_CURRENT_BINARY_DIR}/Doxyfile)\nconfigure_file(${DOXYFILE_IN} ${DOXYFILE_OUT} @ONLY)\n
\n

This downloads the latest main (but any other revision could be used) and unpacks in the build folder. The Doxyfile.in can reference this location in the HTML_EXTRA_STYLESHEET field

\n
HTML_EXTRA_STYLESHEET  = @AWESOME_CSS_DIR@/doxygen-awesome.css\n
\n

When the configure stage of CMake is run, the Doxyfile.in is rendered to Doxyfile and Doxygen can be run as usual.

\n

npm/xpm dependency

\n

In the npm ecosystem, this project can be added as a development dependency to your project:

\n
cd your-project\nnpm install https://github.com/jothepro/doxygen-awesome-css#v2.4.2 --save-dev\n\nls -l node_modules/@jothepro/doxygen-awesome-css\n
\n

Similarly, in the xPack ecosystem, this project can be added as a development dependency to an xpm managed project.

\n

System-wide

\n

You can even install the theme system-wide by running make install. The files will be installed to /usr/local/share/ by default, but you can customize the install location with make PREFIX=/my/custom/path install.

\n

Choosing a layout

\n

There are two layout options. Choose one of them and configure Doxygen accordingly:

\n
\n \n
\n
\n

@warning

\n \n

Further installation instructions

\n \n

Browser support

\n

Tested with

\n \n

The theme does not strive to be backward compatible with (significantly) older browser versions.

\n

Credits

\n

Thanks for all the bug reports and inspiring feedback on GitHub!

\n

Special thanks to all the contributors:

\n
\n \n \n \n \n \n \n \n \n \n \n \n
Read Next
Extensions
\n
","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"a9e34d67e73f4630","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"kmaasrud/awesome-obsidian","url":"https://github.com/kmaasrud/awesome-obsidian","guid":"https://github.com/kmaasrud/awesome-obsidian","summary":"🕶️ Awesome stuff for Obsidian A curated list of awesome themes, plugins and more for Obsidian. Table of contents What is Obsidian? Resources Plugins External Tools Templates CSS Snippets Themes For Developers What is Obsidian? Official Obsi…","content":"

🕶️ Awesome stuff for Obsidian

\"\"

\n
\n

A curated list of awesome themes, plugins and more for Obsidian.

\n \n \n \n
\n
\n

Table of contents

\n \n

What is Obsidian?

\n
\n \n \n
\n

Resources

\n
\n \n \n
\n

Plugins

\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
NameDescriptionCredits
Obsidian Day PlannerPlugin for day planning and managing pomodoro timers from a task listlynchjames
FlashcardsSimple and intuitive integration for Ankireuseman
Shell commandsYou can predefine system commands that you want to run frequently, and assign hotkeys for them. For example open external applications. Automatic execution is also supported.Jarkko Linnanvirta
\n
\n

External Tools

\n
\n \n \n

Converters

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
NameDescriptionCredits
Notion to Obsidian converterSimple script to convert exported Notion notes to Obsidian.Conner Tennery
Yarle - Yet Another Rope Ladder from EvernoteNode.js app to convert exported Evernote notes to Markdown (Obsidian)Akos Balasko
keep-it-markdownConvert Google Keep notes dynamically to markdown for Obsidian and Notion using the unofficial Keep API.Don Sudduth
gooseberryA command line utility to generate a knowledge base from Hypothesis annotations.out-of-cheese-error
BibleGateway to ObsidianFetch the text from Bible Gateway and save it as formatted markdown file. Each chapter is saved as one file and navigation between files as well as a book-file is automatically created. All of the chapter files of a book are saved in its numbered folder.selfire1
DayOne JSON to MDSimple app that converts jsons (packed with media files into zip) exports from Day One to Markdown.Kirill Kleymenov
Annotation toolsconnecting hypothesis and obsidian.mdNicolas Collignon
A thousand notesScripts for cleaning, validating and maintaining the markdown notes exported from Evernote.Davide Della Casa
PKMigratorTools to migrate between various Personal Knowledge Management Utilities, including Remnote, Obsidian, Roam and Org-roam.Anwesh Gangula
GoodsidianGoodsidian takes updates to your shelves on Goodreads and formats them to a note in Obsidian.selfire1
\n
\n

Browser extensions

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
NameDescriptionCredits
MarkdownloadA Firefox and Google Chrome extension to clip websites and download them into a readable markdown file.deathau
Copy Selection as MarkdownFirefox add-on to copy a selection or link as formatted Markdown0x6b
Obsidian ClipperAn unofficial Obsidian clipper for Chrome, that allows you to easily clip a selection to a note in ObsidianJoost Plattel
Obsidian BookmarkA Chrome extension and nodejs server to allow web clipping to Obsidian.Liamballin
\n
\n

Publishing

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
NameDescriptionCredits
mdzkZettelkasten system and command line static publishing tool. Aims at full support for Obsidian Markdown.mdzk-rs
publishAn open-source Obsidian Publish alternativeobsidian-userland
quartzHost your own second brain and digital gardenjackyzha0
obydeA minimal tool to convert a \"standardly\" configured Obsidian vault to a Jekyll or Hugo blog.Khaled M. Nassar
writeup-converterScript for grabbing markdown files and Obsidian attachments from one folder and copying them to another. Also contains a 'website formatter' that uses regex to parse markdown headers and links and reformat them to create Jekyll-friendly links and contents tables.Mac Goodwin
pelican-obsidianMakes it possible to bridge work in obsidian to pelican seamlessly.Jonathan Sundqvist
yet-another-free-publish-alternativeA Jekyll digital garden template, optimized for integration with Obsidian. It aims to enhance discoverability and help you build a personal knowledge base that can scale with time.Mara Li
PerliteA webbased markdown viewer optimized for Obsidiansecure-77
\n
\n

Other

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
NameDescriptionCredits
Obsidian For BusinessA combination of a template vault with initial structure and some Microsoft Office VBA Macros to facilitate a powerful, extensible, and flexible plain text workflow using Microsoft Office and Obsidian For Business.Bryan Jenks
Sourcegraph knowledge bases extensionBrowse Markdown knowledge bases (e.g. Obsidian vaults or Foam repositories) in Sourcegraph.Robert Lin
ObwebWeb applcation to view and edit files in an Obsidian vault. Optimized for mobile devices.Yukang Chen
\n
\n
\n

Templates

\n
\n \n

Vault templates

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
NameDescriptionCredits
Linking Your Thinking KitThis starter kit is designed to get you immediately hands-on with ways to manage your digital notes. Experiment. Learn by doing. See what methods work for you.Nick Milo
PARA Starter KitIt’s a full vault to explore around and some of the methodology for P.A.R.A. and how to get started for yourself.cotemaxime
Obsidian Starter TemplatesObsidian Starter Templates gathers examples from the Obsidian community. Its broader aims are to uncover and communicate how others use backlinks and various markdown tricks and why these techniques work.masonlr
Obsidian JG MethodA starter kit that follows how to use Obsidian to manage goals, tasks, notes, and software development knowledge base.joshwingreene
SlRvb’s Journaling SetupThis is a deep dive into how SlRvb go about journaling the things that happen in his life.SlRvb
SlRvb’s MediaDB SetupSetup for a database vault that stores entertainment media.SlRvb
\n

Note templates

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
NameDescriptionCredits
Obsidian TemplatesFew templates, such as admonitions, chess plays, clipboard and othersChetachi Ezikeuzor
Template Showcase for TemplaterTemplates for Templater made by its community.Templater Community
\n
\n

CSS Snippets

\n
\n \n

Small tweaks to add to your vault/.obsidian/snippets folder.

\n \n

Not enough? There are many other places related to snippets:

\n \n

Collapsing Sidebar

\n

by @Kmaasrud

\n

📁 collapsing-sidebar.css

\n
\n

Bullet Point Relationship Lines

\n

by @deathau

\n

Relationship lines that shows hierarchy, like in code editors.

\n

\"\" 📁 bullet-point-relationship-lines.css

\n
\n

Auto-fading UI

\n

by @Rumen Dimitrov

\n

Fades note's header controls and status bar items when not hovered.

\n

\"\" 📁 autofading-ui.css

\n
\n

Smaller Scrollbar

\n

by @Rumen Dimitrov

\n

\"\"

\n

📁 smaller-scrollbar.css

\n
\n

Subtler Folding Gutter Arrows

\n

by @Rumen Dimitrov

\n

Increases the size of the folding gutter arrows and decreases their opacity until hovered.

\n

\"\"

\n

📁 subtler-folding-gutter-arrows.css

\n
\n

Hyphenation and Justification

\n

by @Boyd

\n

Justifies the whole text and breaks words into two lines if needed.

\n

\"\"

\n

📁 hyphenation-and-justification.css

\n
\n

Enlarge Image on Hover

\n

by @den

\n

\"\"

\n

📁 enlarge-image-on-hover.css

\n
\n

Nicer Checkboxes

\n

by @kepano & @rsdimitrov

\n

To toggle a checkbox, place your cursor right after it, press left arrow once and then press backspace.

\n

\"\"

\n

📁 nicer-checkboxes.css

\n
\n

Stylish Block Quotes

\n

by @Thery

\n

\"\"

\n

📁 stylish-blockquotes.css

\n
\n

Bigger Link Popup Preview

\n

by @Cannibalox & @konhi

\n

\"\"

\n

📁 bigger-link-popup-preview.css

\n
\n

Custom Icons Differing Files and Folders

\n

by @deathau

\n

Adds custom icons for files and folders. Please read the comments in the .css file.

\n

\"\"

\n

📁 custom-icons-differing-files-and-folders.css

\n

📁 IcoMoon.io Free Version

\n
\n

Custom Icons for Specific Folders

\n

by @ScottKillen

\n

Adds custom icons to specific folders.

\n

\"\"

\n

📁 custom-icons-for-specific-folders.css

\n
\n

Tag Pills

\n

by @uzerper

\n

\"\"

\n

📁 tag-pills.css

\n
\n

Custom Icons for Frontmatter Tags

\n

by @ScottKillen

\n

Adds custom icons to specific tags in the frontmatter section. Compatible with Tag Pills and most themes, including minimal.

\n

\"\"

\n

📁 custom-icons-for-frontmatter-tags.css

\n
\n

Outliner For The Outline and File Explorer

\n

by @Shamama, @wonton & @konhi

\n

\"\"

\n

📁 outliner-for-the-outline-and-file-explorer.css

\n
\n

Better Bullet Points in Edit Mode

\n

by @Piotr & @konhi

\n

\"\"

\n

📁 better-bullet-points-in-edit-mode.css

\n
\n

Image Cards

\n

by @TClark1011

\n

Give your images a shadow and rounded corners.

\n

\"\"

\n

📁 image-cards.css

\n
\n

Media Grid

\n

by @zremboldt

\n

Add more meaning and visual interest to your documents by easily grouping sets of images, videos, or even audio tracks into grid layouts.

\n

IMPORTANT For information on requirements and how to use this snippet, see its original repo.

\n

\"\"

\n

📁 media-grid.css

\n
\n

Custom-folder-files-tree

\n

\"preview\"

\n

📁 custom-folder-files-tree.css

\n
\n
\n

Themes

\n
\n \n

Most themes should be available through the Appearance => Community themes in Obsidian's settings. You can find more info at Obsidian Help/Add custom styles.

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
RepositoryScreenshot
kognise/obsidian-atom\"Atom\"
cotemaxime/obsidian-amethyst\"Amethyst\"
insanum/obsidian_gruvbox\"Obsidian
insanum/obsidian_nord\"Obsidian
jarodise/Dracula-for-Obsidian.md\"Dracula
chad-bennett/warmth-obsidian-theme\"Warmth\"
dogwaddle/obsidian-gastown-theme.md\"Gastown\"
deathau/80s-Neon-for-Obsidian.md\"80s
deathau/Base2Tone-For-Obsidian.md\"Base2Tone\"
deathau/Notation-for-Obsidian\"Notation\"
deathau/obsidian-christmas-theme\"Christmas\"
Slowbad/obsidian-solarized\"Solarized\"
obsidian-ezs/obsidian-comfort-color-dark\"Comfort
obsidian-ezs/obsidian-ursa\"Ursa\"
nickmilo/Cybertron\"Cybertron\"
kartik-karz/moonlight-obsidian\"Moonlight\"
seanwcom/Red-Graphite-for-Obsidian\"Red
kartik-karz/subtlegold-obsidian\"Subtlegold\"
sainadh-d/obsidian-boom\"Obsidian
pgalliford/Obsidian-theme-Incredible-Hulk\"Hulk\"
GuangluWu/obsidian-pisum\"Pisum\"
elliotboyd/obsidian-traffic-lights\"Traffic
mediapathic/obsidian-arsmagna-theme\"Ars
cannibalox/Obsdn-dark-rmx\"Obsdn-Dark-Rmx\"
kepano/obsidian-minimal\"Minimal\"
rcvd/obsidian_ia\"obsidian_ia\"
bcdavasconcelos/Obsidian-Charcoal\"Charcoal\"
bcdavasconcelos/Obsidian-Panic_Mode\"Panic
bcdavasconcelos/Obsidian-Graphite\"Dark
bcdavasconcelos/Obsidian-Ayu\"Ayu\"
bcdavasconcelos/Obsidian-Ayu_Mirage\"Ayu
bcdavasconcelos/Obsidian-GDCT\"GDCT\"
bcdavasconcelos/Obsidian-GDCT_Dark\"GDCT
DubininDmitry/Obuntu-theme-for-Obsidian\"Obuntu\"
cannibalox/ono-sendai_obsdn\"Ono
whyt-byte/Blue-Topaz_Obsidian-css\"Blue
santiyounger/Reverie-Obsidian-Theme\"Reverie\"
ryjjin/Obsidian-Dark-Graphite-Pie-theme\"Dark
bennyxguo/Obsidian-Obsidianite\"Obsidianite\"
ishgunacar/gitsidian\"Gitsidian\"
jamiebrynes7/clair-de-lune-obsidian-theme\"Clair
manassadasivuni/obsidian-molecule\"Molecule\"
sparklau/comfort-smooth\"Comfort
dxcore35/Suddha-theme\"Suddha\"
mgmeyers/obsidian-california-coast-theme\"California
radekkozak/discordian\"Discordian\"
chad-bennett/al-dente-obsidian-theme\"Al
santiyounger/Wasp-Obsidian-Theme\"Wasp\"
davidgolding/obsidian-big-sur-aesthetic\"Big
lukauskas/obsidian-highlighter-theme\"Higlighter\"
SlRvb/Obsidian--ITS-Theme\"ITS
Braweria/Spectrum\"Spectrum\"
hipstersmoothie/hipstersmoothie-obsidian-theme\"Hipstersmoothie\"
hungsu/vileplume-obsidian\"Vileplume\"
auroral-ui/aurora-obsidian-md\"Aurora\"
izumin5210/obsidian-iceberg\"Iceberg\"
bencodezen/obsidian-night-owl-theme\"Night
chetachiezikeuzor/Yin-and-Yang-Theme\"Yin
shaggyfeng/obsidian-Golden-Topaz-theme\"Golden
shaggyfeng/obsidian-Pink-topaz-theme\"Pink
eleanorkonik/-palatinate\"Palatinate\"
sergey900553/obsidian_githublike_theme\"Dark
Wittionary/mammoth-obsidian-theme\"Mammoth\"
luke-rmaki/rmaki-obsidian\"Rmaki\"
ArtexJay/Obsidian-CyberGlow\"Cyber
johackim/obsidian-darkyan\"Darkyan\"
mrglitchbyte/obsidian_everforest\"Everforest\"
ZaherAlMajed/Illusion-Theme.md\"Illusion\"
tylernguyen/obsidian-horizon\"Horizon\"
RuslanGagushin/Tokyo-Night-Obsidian-Theme\"Tokyo
nikbrunner/obsidian-deep-work-theme\"Deep
vanadium23/obsidian-blackbird-theme\"Blackbird\"
kinmury/GoldenCoffeeTheme\"Golden
Chrismettal/Obsidian-Behave-dark\"Behave
SMUsamaShah/Obsidian-Win98-Edition\"Obsidian
dogwaddle/lizardmen-zettelkasten\"Lizardmen
firinael/obsidian-cidreira-coast-theme\"Cidreira
chrisgrieser/shimmering-focus\"Shimmering
caro401/royal-velvet\"Royal
\n
\n

For Developers

\n
\n \n

Creating Themes

\n \n

Creating Plugins

\n \n
","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"5073f010b007d32f","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"madoiscool/ltsteamplugin","url":"https://github.com/madoiscool/ltsteamplugin","guid":"https://github.com/madoiscool/ltsteamplugin","summary":"ermm, YUP!before submitting PRs, keep in mind: the plugin will go through a full rewrite in the near future, so if you want to contribute, wait until the rewrite is open sourced issues will still be open and fixed on a case by case basis. h…","content":"

ermm, YUP!

before submitting PRs, keep in mind:

\n

the plugin will go through a full rewrite in the near future, so if you want to contribute, wait until the rewrite is open sourced issues will still be open and fixed on a case by case basis. https://discord.gg/luatools

","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"68da7ec9a8cb4b6c","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"zero-to-mastery/Animation-Nation","url":"https://github.com/zero-to-mastery/Animation-Nation","guid":"https://github.com/zero-to-mastery/Animation-Nation","summary":"A ZTM Challenge for Hacktoberfest ✨ Animation Nation ✨ Welcome to Animation Nation, a fun and creative project by the ZTM Community! 🎉 This repository is a space where developers of all levels, especially beginners, can contribute, showcase…","content":"

A ZTM Challenge for Hacktoberfest

\n

✨ Animation Nation ✨

\n \n \n \n \n
\n
\n

Welcome to Animation Nation, a fun and creative project by the ZTM Community! 🎉

\n

This repository is a space where developers of all levels, especially beginners,
can contribute, showcase their creativity.
Whether you're a seasoned developer or writing your first line of code,
we'd love to see your animated artwork using only HTML and CSS

\n
\n

\n \n \n Important

\n

No JavaScript or images or SVG allowed!

\n
\n

🌟 Why Contribute?

\n \n

🎯 Objective Overview

\n

Create an animation using CSS and HTML only (no JavaScript, no SVG).
A CSS animation refers to the css rule animation.

\n

The purpose is to display a creative and looping animation
( alike animation in GIFs )

\n

Should

\n \n

Should not

\n

An animation should not be:

\n \n

Here is an example of an expected animation:
\"triangle\"

\n

☝️ Keep in mind

\n

We keep things simple! Here are the rules for contributing:

\n \n

🚀 How to contribute

\n
\n

\n \n \n Tip

\n

📌 Don't worry if it's your first time contributing—below,
we've got detailed steps and resources to help you get started!

\n
\n

🔥 Contribution Guide: Step-by-Step

\n
\n 💡 Quick overview of the Development Workflow \n
    \n
  1. Fork the repo to your GitHub account.
    2. \n
  2. Clone your fork to your local machine.
    3. \n
  3. Create a branch, you should not be working in the main/master branch
    4. \n
  4. Create a new directory in the Art directory. Naming it <your_github_username>-<your_arts_name>
    5. \n
  5. Create your animated HTML and CSS artwork.
    6. \n
  6. Pull down recent changes
    7. \n
  7. Submit a pull request (PR) with your animated artwork Ensure to review yourself in Github during your PR submission before definitely submitting your PR
    8. \n
  8. OPTIONAL Tweet about making your first Hacktoberfest pull request, and you're done! 🎉
    9. \n
\n
\n

1. Fork This Repository

\n

If you're new to GitHub, no worries!
Forking a repository means creating a copy
of this project under your GitHub account.
Check out these beginner-friendly resources for more help:

\n \n
\n
\n

2. Clone Your Fork

\n

Once you've forked the repo, clone it to your local machine
so you can work on it. Use this command:

\n
git clone https://github.com/<your-github-username>/Animation-Nation.git\n
\n
\n
\n

3. Create A Branch

\n

Create a new branch from master or main Working in the master or main branch is often frowned upon
and are usually expected to branch off. Branching also helps
to reduce the chance of a merge conflict.

\n
\n
\n

4. Create Your Artwork

\n

Now for the fun part! Inside the Art/ folder:

\n
\n

\n \n \n Warning

\n

It is important to name the directory and your files exactly as mentioned

\n
\n
\n

\n \n \n Note

\n

Per contribution folder: it should have only 3 files [ index.html, styles.css, meta.json ]

\n
\n \n
// Example\n{\n  \"artName\": \"triangle\",\n  \"githubHandle\": \"mattcsmith\"\n}\n
\n

🎉 Use these to create your animated artwork — let your creativity flow!

\n
\n
\n

5. Submit a Pull Request (PR)

\n

After completing your artwork, you are now ready to create
a pull request and have it added to the collection.

\n

Remembering

\n \n
\n
\n

6. OPTIONAL - Tweet about your progress

\n

Optionally you can Tweet about making your first Hacktoberfest pull request on X

\n
\n
\n

⚠️ Important Notes Summary

\n \n

For maintenance reasons:

\n \n
\n

🙌 Let's Connect !

\n

We encourage everyone to share their progress,
ask for help, or discuss ideas in the ZTM Discord community.
We're here to support you!

\n

Ready? Let’s make some amazing CSS animations together! 🚀

","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"84939f4f757da40c","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"vinceliuice/Orchis-theme","url":"https://github.com/vinceliuice/Orchis-theme","guid":"https://github.com/vinceliuice/Orchis-theme","summary":"Orchis is a [Material Design](https://material.io) theme for GNOME/GTK based desktop environments.Orchis theme Orchis is a Material Design theme for GNOME/GTK based desktop environments. Based on nana-4 -- materia-theme Requirements GTK >=3…","content":"

Orchis is a [Material Design](https://material.io) theme for GNOME/GTK based desktop environments.

Orchis theme

\n

Orchis is a Material Design theme for GNOME/GTK based desktop environments.

\n

Based on nana-4 -- materia-theme

\n

\"screenshot\"

\n

Requirements

\n \n

Donate

\n

If you like this project, consider supporting it with a coffee:

\n

\"PayPal

\n

Installation

\n

Manual Installation

\n

Run the following commands in the terminal:

\n
./install.sh\n
\n
\n

\n \n \n Tip

\n

./install.sh allows the following options:

\n
\n
OPTIONS:\n  -d, --dest DIR          Specify destination directory (Default: $HOME/.themes)\n  -n, --name NAME         Specify theme name (Default: Orchis)\n\n  -t, --theme VARIANT     Specify theme color variant(s) [default|purple|pink|red|orange|yellow|green|teal|grey|all] (Default: blue)\n  -c, --color VARIANT     Specify color variant(s) [standard|light|dark] (Default: All variants)s)\n  -s, --size VARIANT      Specify size variant [standard|compact] (Default: All variants)\n\n  -i, --icon VARIANT      Specify icon variant(s) for shell panel activities button\n                          [default|apple|simple|gnome|ubuntu|arch|manjaro|fedora|debian|void|opensuse|popos|mxlinux|zorin|endeavouros|tux|nixos|gentoo|budgie|solus|kali]\n                          (Default: ChromeOS style)\n\n  -l, --libadwaita        Link installed Orchis gtk-4.0 theme to config folder for all libadwaita app use Orchis theme\n  -f, --fixed             Fixed accent(blue) color for gnome-shell >= 47 libadwaita theme\n\n  --tweaks                Specify versions for tweaks [solid|compact|black|primary|macos|submenu|(nord/dracula)] (Options can mix)\n                          1. solid              No transparency panel variant\n                          2. compact            No floating panel variant\n                          3. black              Full black variant\n                          4. primary            Change radio icon checked color to primary theme color (Default is Green)\n                          5. macos              Change window buttons to macOS style\n                          6. submenu            Set normal submenus color contrast (dark submenu style on dark version)\n                          7. [nord|dracula]     Nord/dracula colorscheme themes (nord and dracula can not mix use!)\n                          8. dock               Fix style for 'dash-to-dock' or 'ubuntu-dock' extension\n\n  --round                 Change theme round corner border-radius [Input the px value you want] (Suggested: 2px < value < 16px)\n                          1. 3px\n                          2. 4px\n                          3. 5px\n                          ...\n                          13. 15px\n\n  --shell                 install gnome-shell version [38|40|42|44|46] (Without this option script will detect shell version and install the right theme)\n                          1. 38                 Gnome-shell version <= 38.0\n                          2. 40                 Gnome-shell version = 40.0\n                          3. 42                 Gnome-shell version = 42.0\n                          4. 44                 Gnome-shell version = 44.0\n                          5. 46                 Gnome-shell version = 46.0\n                          6. 47                 Gnome-shell version = 47.0\n                          7. 48                 Gnome-shell version = 48.0\n\n  -r, --remove,\n  -u, --uninstall         Uninstall/Remove installed themes\n\n  -h, --help              Show help\n
\n
\n

For more information, run: ./install.sh -h

\n
\n

Tweaks for Orchis

\n

\"tweaks-view\"

\n

Fix for libadwaita (Gnome-shell >= 42.0)

\n

\"libadwaita\"

\n

run: ./install.sh -l (Default light version will installed)

\n

This fix is just a link from selected Ochis gtk-4.0 theme in $HOME/.theme to $HOME/.config/gtk-4.0/gtk.css so it will not support change theme through Gnome-tweaks if you want install other theme version for libadwaita you can run like:

\n
./install.sh -c dark -l #(Link dark version)\n
\n
./install.sh -c dark -t purple -l #(Link dark purple version)\n
\n

and so on ...

\n

Fix for Flatpak

\n
sudo flatpak override --filesystem=xdg-config/gtk-3.0 && sudo flatpak override --filesystem=xdg-config/gtk-4.0\n
\n

If you use flatpak apps, you can run this to fix theme issue.

","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"f098d399ad4d7132","source_id":"github-trending","source_name":"GitHub Trending (daily CSS)","title":"zarazhangrui/codebase-to-course","url":"https://github.com/zarazhangrui/codebase-to-course","guid":"https://github.com/zarazhangrui/codebase-to-course","summary":"A Claude Code skill that turns any codebase into a beautiful, interactive single-page HTML course for non-technical vibe coders.Codebase to Course A Claude Code skill that turns any codebase into a beautiful, interactive single-page HTML co…","content":"

A Claude Code skill that turns any codebase into a beautiful, interactive single-page HTML course for non-technical vibe coders.

Codebase to Course

\n

A Claude Code skill that turns any codebase into a beautiful, interactive single-page HTML course.

\n

Point it at a repo. Get back a stunning, self-contained course that teaches how the code works — with scroll-based navigation, animated visualizations, embedded quizzes, and code-with-plain-English side-by-side translations.

\n

Who is this for?

\n

\"Vibe coders\" — people who build software by instructing AI coding tools in natural language, without a traditional CS education.

\n

You've built something (or found something cool on GitHub). It works. But you don't really understand how it works under the hood. This skill generates a course that teaches you — not by lecturing, but by tracing what happens when you actually use the app.

\n

Your goals are practical, not academic:

\n \n

You're not trying to become a software engineer. You want coding as a superpower.

\n

What the course looks like

\n

The output is a single HTML file — no dependencies, no setup, works offline. It includes:

\n \n

How to use

\n

As a Claude Code skill

\n
    \n
  1. Copy the codebase-to-course folder into ~/.claude/skills/
    2. \n
  2. Open any project in Claude Code
    3. \n
  3. Say: \"Turn this codebase into an interactive course\"
    4. \n
\n

Trigger phrases

\n \n

Design philosophy

\n

Build first, understand later

\n

This inverts traditional CS education. The old way: memorize concepts for years → eventually build something → finally see the point (most people quit before step 3). This way: build something → experience it working → now understand how it works.

\n

Show, don't tell

\n

Every screen is at least 50% visual. Max 2-3 sentences per text block. If something can be a diagram, animation, or interactive element — it shouldn't be a paragraph.

\n

Quizzes test doing, not knowing

\n

No \"What does API stand for?\" Instead: \"A user reports stale data after switching pages. Where would you look first?\" Quizzes test whether you can use what you learned to solve a new problem.

\n

No recycled metaphors

\n

Each concept gets a metaphor that fits that specific idea. A database is a library with a card catalog. Auth is a bouncer checking IDs. API rate limiting is a nightclub with a capacity limit. Never the same metaphor twice.

\n

Original code only

\n

Code snippets are exact copies from the real codebase — never modified or simplified. The learner should be able to open the actual file and see the same code they learned from.

\n

Skill structure

\n
codebase-to-course/\n├── SKILL.md                          # Main skill instructions\n└── references/\n    ├── design-system.md              # CSS tokens, typography, colors, layout\n    └── interactive-elements.md       # Quiz, animation, and visualization patterns\n
\n
\n

Built by Zara with Claude Code.

","published_at":1784551148,"fetched_at":1784551148,"first_seen":1784551148},{"id":"75d5625bc1d22835","source_id":"bbc-world","source_name":"BBC World","title":"Utah firefighter and four family members killed in flash flooding","url":"https://www.bbc.co.uk/news/articles/c9d8l88jnwvo?at_medium=RSS&at_campaign=rss","guid":"https://www.bbc.co.uk/news/articles/c9d8l88jnwvo#1","summary":"A husband, wife and their three sons died - meaning that only a daughter who did not join the outing is still alive.","content":"A husband, wife and their three sons died - meaning that only a daughter who did not join the outing is still alive.","published_at":1784549638,"fetched_at":1784551149,"first_seen":1784551149},{"id":"f80f0b9ae82cccee","source_id":"hn","source_name":"Hacker News","title":"The Trump administration's Threat to Scientific Research","url":"https://marginalrevolution.com/marginalrevolution/2026/07/the-trump-administrations-threat-to-scientific-research.html","guid":"https://news.ycombinator.com/item?id=48977564","summary":"Article URL: https://marginalrevolution.com/marginalrevolution/2026/07/the-trump-administrations-threat-to-scientific-research.html Comments URL: https://news.ycombinator.com/item?id=48977564 Points: 47 # Comments: 6","content":"\n

Article URL: https://marginalrevolution.com/marginalrevolution/2026/07/the-trump-administrations-threat-to-scientific-research.html

\n

Comments URL: https://news.ycombinator.com/item?id=48977564

\n

Points: 47

\n

# Comments: 6

\n","published_at":1784548843,"fetched_at":1784551148,"first_seen":1784551148},{"id":"a86e3a191c43210b","source_id":"bbc-world","source_name":"BBC World","title":"Scores feared dead after passenger ferry capsizes off Guyana","url":"https://www.bbc.co.uk/news/articles/cm2gm99nrm7o?at_medium=RSS&at_campaign=rss","guid":"https://www.bbc.co.uk/news/articles/cm2gm99nrm7o#1","summary":"Sixty-seven people have been rescued but the ferry is thought to have had more than 130 people on board.","content":"Sixty-seven people have been rescued but the ferry is thought to have had more than 130 people on board. ","published_at":1784547452,"fetched_at":1784551149,"first_seen":1784551149},{"id":"5ed2967636ab304a","source_id":"bbc-world","source_name":"BBC World","title":"JD Vance says wife Usha and son 'happy and healthy' after birth of fourth child","url":"https://www.bbc.co.uk/news/articles/cj63kngxpxpo?at_medium=RSS&at_campaign=rss","guid":"https://www.bbc.co.uk/news/articles/cj63kngxpxpo#0","summary":"The couple welcomed their fourth child, Alec Neel Vance, on Sunday morning.","content":"The couple welcomed their fourth child, Alec Neel Vance, on Sunday morning.","published_at":1784546910,"fetched_at":1784551149,"first_seen":1784551149},{"id":"84c873c8cc301ed9","source_id":"bbc-world","source_name":"BBC World","title":"Trump says US strikes hit Iran in 'honour' of American soldiers killed","url":"https://www.bbc.co.uk/news/articles/cly52xzjd3qo?at_medium=RSS&at_campaign=rss","guid":"https://www.bbc.co.uk/news/articles/cly52xzjd3qo#0","summary":"Iran responded with attacks in Syria and Jordan, as two ships reportedly exploded in the Strait of Hormuz.","content":"Iran responded with attacks in Syria and Jordan, as two ships reportedly exploded in the Strait of Hormuz.","published_at":1784546320,"fetched_at":1784551149,"first_seen":1784551149},{"id":"59204dbdfd5ad88d","source_id":"hn","source_name":"Hacker News","title":"Airport Simulator","url":"https://airport.apunen.com/","guid":"https://news.ycombinator.com/item?id=48976846","summary":"Article URL: https://airport.apunen.com/ Comments URL: https://news.ycombinator.com/item?id=48976846 Points: 15 # Comments: 3","content":"\n

Article URL: https://airport.apunen.com/

\n

Comments URL: https://news.ycombinator.com/item?id=48976846

\n

Points: 15

\n

# Comments: 3

\n","published_at":1784543440,"fetched_at":1784551148,"first_seen":1784551148},{"id":"9938537b7ff933db","source_id":"hn","source_name":"Hacker News","title":"Airbus Takes Flight from AWS","url":"https://www.theregister.com/columnists/2026/07/20/airbus-takes-flight-from-aws-what-happens-next-is-critical/5274109","guid":"https://news.ycombinator.com/item?id=48976682","summary":"Article URL: https://www.theregister.com/columnists/2026/07/20/airbus-takes-flight-from-aws-what-happens-next-is-critical/5274109 Comments URL: https://news.ycombinator.com/item?id=48976682 Points: 91 # Comments: 56","content":"\n

Article URL: https://www.theregister.com/columnists/2026/07/20/airbus-takes-flight-from-aws-what-happens-next-is-critical/5274109

\n

Comments URL: https://news.ycombinator.com/item?id=48976682

\n

Points: 91

\n

# Comments: 56

\n","published_at":1784542342,"fetched_at":1784551148,"first_seen":1784551148},{"id":"805c71a8e42a6cf4","source_id":"bbc-world","source_name":"BBC World","title":"Boy, 13, dies during World Cup celebrations in Spain","url":"https://www.bbc.co.uk/news/articles/c0qvdy0jv05o?at_medium=RSS&at_campaign=rss","guid":"https://www.bbc.co.uk/news/articles/c0qvdy0jv05o#0","summary":"Two other young people were injured after a fountain partially collapsed in Salamanca's Ciudad Rodrigo.","content":"Two other young people were injured after a fountain partially collapsed in Salamanca's Ciudad Rodrigo. ","published_at":1784541764,"fetched_at":1784551149,"first_seen":1784551149},{"id":"3725ab9f7f1ea1f0","source_id":"bbc-world","source_name":"BBC World","title":"From hundreds to thousands: How India's 'cockroach' protest movement has grown","url":"https://www.bbc.co.uk/news/videos/c0qvdywj97ko?at_medium=RSS&at_campaign=rss","guid":"https://www.bbc.co.uk/news/videos/c0qvdywj97ko#3","summary":"BBC's Azadeh Moshiri reports as thousands attempt to march to India's parliament in support of the Cockroach Janta Party's demand for education reforms.","content":"BBC's Azadeh Moshiri reports as thousands attempt to march to India's parliament in support of the Cockroach Janta Party's demand for education reforms.","published_at":1784536882,"fetched_at":1784551149,"first_seen":1784551149}],"page":1,"pages":4,"total":61,"per_page":20}