Codeshot
機能 記事
JA
English Deutsch Español Français Italiano 日本語 한국어 Português Русский 中文
ダウンロード

無料リファレンス

Codeshotのシンタックステーマ一覧

30種類すべてをライトとダークで、アプリが実際に使っているスタイルシートのまま表示しています。

以下のテーマはすべてCodeshotに付属し、ライトとダークの両方があります。各ペアは同じスニペットなので条件をそろえて比べられます。選んだテーマはアプリ内で2クリックで適用できます。

a11y

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fefefe
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #2b2b2b

Atom One

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fafafa
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #282c34

Classic

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #f5f5f5
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #151515

Edge

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fafafa
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #262729

GitHub

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #0d1117

Google

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #1d1f21

Gradient

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #000

Grayscale

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #f7f7f7
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #101010

Harmonic16

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #f7f9fb
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #0b1c2c

Heetch

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #feffff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #190134

Horizon

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fdf0ed
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #1c1e26

Humanoid

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #f8f8f2
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #232629

iA

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #f6f6f6
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #1a1a1a

ISBL Editor

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #404040

Kimbie

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fbebd4
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #221a0f

NNFX

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #333

Panda Syntax

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #e6e6e6
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #2a2c2d

Papercolor

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #eee
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #1c1c1c

Paraiso

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #e7e9db
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #2f1e2e

QT Creator

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #000

Silk

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #e9f1ef
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #0e3c46

Solar Flare

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #f5f7fa
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #18262f

Solarized

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fdf6e3
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #002b36

StackOverflow

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #f6f6f6
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #1c1b1b

Standard

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #f8f8f8
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #181818

Summerfruit

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #151515

Synth Midnight Terminal

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #dddfe0
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #050608

Tokyo Night

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #d5d6db
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #1a1b26

Unikitty

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #2e2a31

Xcode

// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ライト · #fff
// Snapshot.swift
import SwiftUI

struct Snapshot: View {
    let title: String
    @State private var scale = 2

    var body: some View {
        Text(title)
            .font(.headline)
            .padding(12)
    }
}
ダーク · #1f2024

30種類すべてをMacで

作業しながらテーマとバリアントをその場で切り替え、必要なサイズで書き出せます。

macOS版をダウンロード

製品

  • 機能
  • macOS版をダウンロード

リソース

  • 30種類のシンタックステーマ
  • Pinterestでコードスニペットを共有するときの最適な画像サイズ
  • Instagramでコードスニペットを共有するときの最適な画像サイズ
  • Facebookでコードスニペットを共有するときの最適な画像サイズ
  • すべての記事

言語別

  • Swiftのコード画像
  • Pythonのコード画像
  • JavaScriptのコード画像
  • TypeScriptのコード画像
  • Goのコード画像
  • Rustのコード画像
  • 60言語すべて

サポート

  • サポートに問い合わせ
  • @CodeshotApp
  • プライバシーポリシー
  • 利用規約
Codeshot 制作 @sarunw