ctfd-theme-lingonberry

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #go #golang #machine-learning #macos #windows #cli #vue #openai #ios #mcp

ctfd-theme-lingonberry

(★ 20)

Sleek CSS-only CTFd theme

ctfd-theme-lingonberry Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Lingonberry
This is a sleek single-file CSS-only theme for CTFd I originally made for the ECSC Estonian finals. Feel free to modify and use it for your own CTFs.

![Demo video](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/demo.webp)

## Features
- Sleek lilac-pink color scheme and design
  - Buttons and input elements
  - New animations
- CSS-only
- Floating navbar
  - CSS tooltips on icon hover
- Dual-panel challenge list
  - New loading animation
  - Challenges are shown in a compact list instead of a grid
  - Challenge shows up as a side-pane instead of as a modal
    - Fallback to modals for small/phone screens
  - Highlight currently selected challenge
    - This is achieved with a pretty silly CSS-hack
- Challenge pane/modal
  - Solved challenges show up as such
    - *Submit* button replaced with a green *Solved* button
    - The pane glows green
    - This is achieved with that pretty silly CSS-hack from earlier
  - File downloads now have an icon corresponding to the format
    - This is achieved with some CSS selector hackery and CTFd's fontawesome icon font
    - Supported file formats:
      - archives (zip, rar, gz, tar)
      - images (png, jpg, bmp, gif)
      - code (php, py, js, c)
      - text (txt)
      - pdf
      - if you need more file formats just add them yourself lol
    - Flag submission message now shows up as a toast
  - Mobile support (at least a bit)

## Screenshots
### Desktop
![login](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/login.png)  
![scoreboard](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/scoreboard.png)  
![challenges](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/challenges.png)  
![challenge open](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/challenge_open.png)  
![challenge solve](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/challenge_solve.png)  
![challenge solves](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/challenge_solves.png)  
### Mobile
![challenges](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/mobile_challenges.png)  
![expanded navbar](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/mobile_challenge_solve.png)  
![challenge solve](https://raw.githubusercontent.com/rebane2001/ctfd-theme-lingonberry/mane/demo/mobile_navbar.png)

## Installation
Go to `/admin/config`, select the `core-beta` theme, and paste the contents of [theme.css](theme.css) into the *Theme Header* section **between <style> tags**.

## Licensing
This theme has been released under the [MIT license](LICENSE). You are however allowed to use and distribute the CSS file without including the LICENSE file as long as you don't change/remove the CSS comment that links back to this GitHub page.

ctfd-theme-lingonberry

ctfd-theme-lingonberry Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ctfd-theme-lingonberry

ctfd-theme-lingonberry Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README